Incompatible with Paragraphs

This was reported a while ago (thanks @ochenk) I was able to replicate this in my local environment, I'll work on this.

Following for paragraphs functionality

@danrod Do you need help with it? (As the issue seems to be not moving)
The source and solution seems to be quite simple and I may fix it(just let me know or assign this issue to me), what I propose is to add a class "widget-WIDGET-NAME" to elements, instead of passing field name only, and update JS libraries to support widget init by class name.
Code:

      $element['#attached']['drupalSettings'][$callback_library['extension']][$callback_library_name][$field_name] = $js_options;

            if (call) {
              // Find the element by field name.
              var $element = $(
                'input[name^="' + fieldName + '["][class^="form-time"]', context
              );

needs to be rewritten to be more flexible.

Hello @ad0z could you create a MR for it, please? Go for the fix, thanks !

@danrod pushed changes to issue fork, I've tested it on D10 only.

Didn't work for me, did you miss committing your changes in other files? I'll create a patch sometime for it today.

@danrod I think I did not miss anything, but I can verify it tomorrow.

@danrod interesting and it seems I pushed everything and it's working for me. Are you sure you have setup everything correctly? Does it not work at all or maybe for one case only? Cache maybe? Can you check it again and provide more info?

I know what the issue was, I was testing the changes on a D10 instance and you created the MR against the 8.x-2.x branch, I tested it on a D9 branch and worked fine for Datetime fields not in paragraphs, but It still not working at all for fields in paragraphs:

I'll look in this later today or tomorrow, I also saw some issues while testing this one, I'll create separate issues for that

@danrod I was testing it on 3.x and it was working as well, as we can see the issue is related with this part of code:

        const input = $(el).find('input[type="time"]');
        if (input.length === 0) {
          return;
        }

        // Set default hour and minute for the AddonTimepicker.
        var timeValues = input.val().split(':');

input.val() returns undefined, kinda strange, element should be loaded at this point, value is there as we can see on the screenshot. Can you check what input variable contains by console.log or debug?

Hello @ad0z, I just tested it again on my D9 instance and It seems to work now:

I'll create another MR for applying the changes in the 3.0.x branch as well.

Committed and attributed. I will create a tag release soon.

Automatically closed - issue fixed for 2 weeks with no activity.