Skip to content

Change the function in the datepicker component to this. #606

@KarelJanVanHaute

Description

@KarelJanVanHaute
private async initDatePickers(pickers) {
    const flatpickr = await import('flatpickr');
    switch (lang) {
      case 'nl':
        flatpickr.default.localize(Dutch);
        break;
      case 'fr':
        flatpickr.default.localize(French);
        break;
    }
    Array.from(pickers).forEach((picker: HTMLElement) => {
      const enableAttr = picker.getAttribute('data-enable');
      const enable = enableAttr ? JSON.parse(enableAttr) : undefined;

      flatpickr.default(picker, {
        ...(enable ? { enable } : {}),
        onChange: function (selectedDates, dateStr, instance) {
          instance.input.dispatchEvent(new Event('check-validation'));
          if (instance.altInput) {
            instance.altInput.dispatchEvent(new Event('check-validation'));
          }
        },
      });
    });
  }

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions