@acpaas-ui/ngx-forms 6.1.10 → 6.1.11

package/src/lib/datepicker/README.md

@@ -1,110 +0,0 @@
-# @acpaas-ui/ngx-forms
-
-The package creates a custom input component allowing the user to select a date either by input or by picking one in the calendar flyout.
-
-## Usage
-
-```typescript
-import { DatepickerModule } from '@acpaas-ui/ngx-forms';
-```
-
-## Documentation
-
-Visit our [documentation site](https://antwerp-ui.digipolis.be/) for full how-to docs and guidelines
-
-### Flyout module
-
-#### API
-
-| Name                             | Default value  | Description                                                                                                                                                                                                     |
-| -------------------------------- | -------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `@Input() id: string;`           | -              | The id to use on the input field.                                                                                                                                                                               |
-| `@Input() name: string;`         | -              | The name to use on the input field.                                                                                                                                                                             |
-| `@Input() label: string;`        | -              | The label to use on the input field.                                                                                                                                                                            |
-| `@Input() description: string;`  | -              | The description to use on the input field.                                                                                                                                                                      |
-| `@Input() placeholder: string;`  | `'dd/mm/yyyy'` | The placeholder to use on the input field.                                                                                                                                                                      |
-| `@Input() autocomplete: string;` | `'off'`        | Turn the browsers autocompletion on or off.                                                                                                                                                                     |
-| `@Input() range: DateRange;`     | -              | A range of dates or weekdays to disable (see the [@acpaas-ui/js-date-utils](https://github.com/digipolisantwerp/antwerp-ui_js/blob/master/packages/date-utils/README.md) package for more info on date ranges). |
-
-#### Example
-
-You can provide custom month and weekday labels as wel as error labels via the `forChild` method.
-
-```typescript
-import { DatepickerModule } from '@acpaas-ui/ngx-forms';
-
-@NgModule({
-  imports: [
-    DatepickerModule.forChild(
-      ['Maandag', 'Dinsdag', 'Woensdag', 'Donderdag', 'Vrijdag', 'Zaterdag', 'Zondag'],
-      [
-        'Januari',
-        'Februari',
-        'Maart',
-        'April',
-        'Mei',
-        'Juni',
-        'Juli',
-        'Augustus',
-        'September',
-        'Oktober',
-        'November',
-        'December',
-      ],
-      {
-        ERRORS_INVALID_DATE: 'Ongeldige datum.',
-        ERRORS_INVALID_RANGE: 'Deze datum kan niet gekozen worden.',
-      }
-    ),
-  ],
-})
-export class AppModule {}
-```
-
-You can use the component in template driven, as well as reactive forms. The value is always an ISO string of the Date.
-In the example below we use a reactive form.
-
-```typescript
-import { FormBuilder, FormGroup } from '@angular/forms';
-
-import { DateRange } from '@acpaas-ui/ngx-utils';
-
-constructor(private fb: FormBuilder) { }
-
-public dateRange: DateRange = [5, 6];
-public dateForm: FormGroup;
-
-this.dateForm = this.fb.group({
-  inputDate: [''],
-});
-```
-
-```html
-<form [formGroup]="dateForm">
-  <div
-    class="a-input has-icon-right"
-    [ngClass]="{'has-error': dateForm.controls.inputDate.dirty && dateForm.controls.inputDate.invalid}"
-  >
-    <label class="a-input__label" for="input-datepicker">Pick a date</label>
-    <aui-datepicker
-      data-id="input-datepicker"
-      name="input-datepicker"
-      autocomplete="off"
-      label="Pick date"
-      description="Description"
-      placeholder="dd/mm/jjjj"
-      formControlName="inputDate"
-      [range]="dateRange"
-    >
-    </aui-datepicker>
-    <div *ngIf="dateForm.controls['inputDate'].errors">
-      <p *ngIf="dateForm.controls['inputDate'].errors.format">{{ dateForm.controls['inputDate'].errors.format }}</p>
-      <p *ngIf="dateForm.controls['inputDate'].errors.range">{{ dateForm.controls['inputDate'].errors.range }}</p>
-    </div>
-  </div>
-</form>
-```
-
-## Contributing
-
-Visit our [Contribution Guidelines](../../../../../CONTRIBUTING.md) for more information on how to contribute.

package/src/lib/datepicker/components/datepicker/datepicker.component.html

@@ -1,47 +0,0 @@
-<div aria-haspopup="grid" auiFlyout class="aui-datepicker a-input has-icon-right">
-  <label class="a-input__label" for="{{ id }}" *ngIf="label">{{ label }}</label>
-  <small class="a-input__description" *ngIf="description"> {{ description }}</small>
-  <div class="a-input__wrapper">
-    <input
-      (blur)="handleBlur($event)"
-      [attr.disabled]="isDisabled ? true : null"
-      [autocomplete]="autocomplete"
-      [formControl]="formControl"
-      id="{{ id }}"
-      label="Pick date"
-      description="Description"
-      name="{{ name }}"
-      placeholder="{{ placeholder }}"
-      type="text"
-    />
-    <ng-container *ngIf="isDisabled">
-      <aui-icon
-        name="ai-calendar"
-      />
-    </ng-container>
-    <ng-container *ngIf="!isDisabled">
-      <aui-icon
-        auiFlyoutAction
-        [openOnFocus]="false"
-        name="ai-calendar"
-        className="is-clickable"
-        role="button"
-        [attr.aria-label]="ariaOpenDatepickerLabel"
-        tabindex="0"
-      />
-    </ng-container>
-
-    <ng-container *ngIf="!isDisabled">
-      <div auiFlyoutZone class="m-datepicker m-datepicker--fixed" role="dialog">
-        <aui-calendar
-          (selectDate)="selectDateFromCalendar($event)"
-          [range]="range"
-          [selectedDate]="selectedDate"
-          [interval]="interval"
-          [weekdayLabels]="weekdayLabels"
-          [monthLabels]="monthLabels"
-        ></aui-calendar>
-      </div>
-    </ng-container>
-  </div>
-</div>

package/src/lib/datepicker/components/datepicker/datepicker.component.scss

@@ -1,13 +0,0 @@
-:host,
-.aui-datepicker {
-  display: block;
-}
-
-.m-flyout.is-open {
-  .m-datepicker {
-    opacity: 1;
-    transform: translateY(calc(var(--BORDER-WIDTH)*-1));
-    transition-delay: 0s;
-    visibility: visible;
-  }
-}

package/src/lib/datepicker/components/datepicker/datepicker.component.spec.ts

@@ -1,204 +0,0 @@
-import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { Component, OnInit } from '@angular/core';
-import {
-  UntypedFormBuilder,
-  UntypedFormControl,
-  UntypedFormGroup,
-  FormsModule,
-  ReactiveFormsModule,
-} from '@angular/forms';
-import { DateRange, DateHelper } from '@acpaas-ui/ngx-utils';
-import { CalendarModule } from '@acpaas-ui/ngx-calendar';
-import { FlyoutModule } from '@acpaas-ui/ngx-flyout';
-import { IconModule } from '@acpaas-ui/ngx-icon';
-
-import { DATEPICKER_DEFAULT_ERROR_LABELS, DATEPICKER_ERROR_LABELS } from '../../datepicker.conf';
-import { DatepickerComponent } from './datepicker.component';
-
-@Component({
-  selector: 'aui-test-one',
-  template: `
-    <form #testForm="ngForm" (ngSubmit)="submit(testForm.value)">
-      <aui-datepicker
-        id="test"
-        name="test"
-        placeholder="dd/mm/jjjj"
-        autocomplete="off"
-        [range]="range"
-        [(ngModel)]="dateModel"
-      ></aui-datepicker>
-    </form>
-  `,
-})
-export class TestComponent {
-  public range: DateRange;
-  public dateModel: Date;
-
-  submit(form) {}
-}
-
-@Component({
-  selector: 'aui-test-two',
-  template: `
-    <form [formGroup]="testForm" (ngSubmit)="submit(testForm.value)">
-      <aui-datepicker
-        id="test"
-        name="test"
-        placeholder="dd/mm/jjjj"
-        autocomplete="off"
-        [range]="range"
-        formControlName="date"
-      ></aui-datepicker>
-    </form>
-  `,
-})
-export class ReactiveTestComponent implements OnInit {
-  public range: DateRange;
-  public dateModel: Date;
-  public testForm: UntypedFormGroup;
-
-  constructor(private fb: UntypedFormBuilder) {}
-
-  public ngOnInit() {
-    this.testForm = this.fb.group({
-      date: '',
-    });
-  }
-
-  submit(form) {}
-}
-
-describe('The Datepicker Component', () => {
-  // waitForAsync beforeEach
-  beforeEach(waitForAsync(() => {
-    TestBed.configureTestingModule({
-      imports: [FormsModule, ReactiveFormsModule, FlyoutModule, IconModule, CalendarModule],
-      declarations: [TestComponent, ReactiveTestComponent, DatepickerComponent],
-      providers: [
-        {
-          provide: DATEPICKER_ERROR_LABELS,
-          useValue: DATEPICKER_DEFAULT_ERROR_LABELS,
-        },
-      ],
-    }).compileComponents();
-  }));
-
-  // describe('Template driven', () => {
-  //   let comp: TestComponent;
-  //   let fixture: ComponentFixture<TestComponent>;
-  //   let picker: DatepickerComponent;
-
-  //   // synchronous beforeEach
-  //   beforeEach(() => {
-  //     fixture = TestBed.createComponent(TestComponent);
-
-  //     comp = fixture.componentInstance;
-
-  //     picker = fixture.debugElement.children[0].children[0].componentInstance;
-  //   });
-
-  //   it('should exist', () => {
-  //     fixture.detectChanges();
-  //     expect(picker).toBeDefined();
-  //   });
-  // });
-
-  describe('Reactive', () => {
-    let comp: ReactiveTestComponent;
-    let fixture: ComponentFixture<ReactiveTestComponent>;
-    let picker: DatepickerComponent;
-
-    // synchronous beforeEach
-    beforeEach(() => {
-      fixture = TestBed.createComponent(ReactiveTestComponent);
-
-      comp = fixture.componentInstance;
-
-      picker = fixture.debugElement.children[0].children[0].componentInstance;
-      picker.ngOnInit();
-    });
-
-    describe('writeValue', () => {
-      let accessor;
-
-      beforeEach(() => {
-        accessor = {
-          update: () => {},
-        };
-
-        spyOn(accessor, 'update');
-
-        picker.registerOnChange(accessor.update);
-      });
-
-      it('should update the model if the value is a valid date', () => {
-        const date = new Date('2018-01-10T00:00:00Z');
-
-        picker.writeValue(date.toISOString());
-
-        expect(picker.formControl.value).toBeTruthy();
-      });
-    });
-
-    describe('selectDateFromCalendar', () => {
-      beforeEach(() => {
-        spyOn(picker.formControl, 'setValue').and.stub();
-      });
-
-      it('should update the values', () => {
-        const date = new Date('2018-01-10T00:00:00+01:00');
-        picker.selectDateFromCalendar({
-          date,
-          complete: true,
-        });
-
-        expect(picker.formControl.setValue).toHaveBeenCalledWith('10/01/2018');
-      });
-    });
-
-    describe('validate', () => {
-      it('should return null if the control has no value', () => {
-        const ctrl = new UntypedFormControl();
-
-        expect(picker.validate(ctrl)).toEqual(null);
-      });
-
-      it('should return the invalid date error if the date is invalid', () => {
-        const ctrl = new UntypedFormControl(false);
-
-        expect(picker.validate(ctrl)).toEqual({
-          format: DATEPICKER_DEFAULT_ERROR_LABELS.ERRORS_INVALID_DATE,
-        });
-      });
-
-      it('should return null if the date is valid and no range was set', () => {
-        const ctrl = new UntypedFormControl(new Date());
-
-        expect(picker.validate(ctrl)).toEqual(null);
-      });
-
-      it('should return null if the date is valid and outside of the set range', () => {
-        spyOn(picker.calendarService, 'getRangeForDate').and.callFake(() => []);
-        picker.range = [1];
-
-        const ctrl = new UntypedFormControl(new Date().toISOString());
-
-        expect(picker.validate(ctrl)).toEqual(null);
-      });
-
-      it('should return the invalid range error if the date was valid and in the set range', () => {
-        const testDateISO = new Date('2018-01-15T12:00:00Z').toISOString();
-        const parsedDate = DateHelper.parseDate(testDateISO);
-        const range = [parsedDate.getDate()];
-        spyOn(picker.calendarService, 'getRangeForDate').and.callFake(() => range);
-        picker.range = range;
-
-        const ctrl = new UntypedFormControl(testDateISO);
-
-        expect(picker.validate(ctrl)).toEqual({
-          range: DATEPICKER_DEFAULT_ERROR_LABELS.ERRORS_INVALID_RANGE,
-        });
-      });
-    });
-  });
-});

package/src/lib/datepicker/components/datepicker/datepicker.component.ts

@@ -1,251 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  ChangeDetectorRef,
-  Component,
-  EventEmitter,
-  forwardRef,
-  Inject,
-  Input,
-  OnChanges,
-  OnDestroy,
-  OnInit,
-  Output,
-  SimpleChanges,
-  ViewChild,
-} from '@angular/core';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import {
-  ControlValueAccessor,
-  UntypedFormBuilder,
-  UntypedFormControl,
-  NG_VALIDATORS,
-  NG_VALUE_ACCESSOR,
-} from '@angular/forms';
-import { DateHelper, DateRange } from '@acpaas-ui/ngx-utils';
-import { TZDate } from '@date-fns/tz';
-import { FlyoutDirective } from '@acpaas-ui/ngx-flyout';
-import {
-  CALENDAR_DEFAULT_MONTH_LABELS,
-  CALENDAR_DEFAULT_WEEKDAY_LABELS,
-  CALENDAR_MONTH_LABELS,
-  CALENDAR_WEEKDAY_LABELS,
-  CalendarService,
-  DatepickerResult,
-  WeekdayLabelsConfig,
-  MonthLabelsConfig,
-} from '@acpaas-ui/ngx-calendar';
-
-import {
-  DATEPICKER_SEPARATOR_CHAR,
-  DATEPICKER_DEFAULT_ERROR_LABELS,
-  DATEPICKER_ERROR_LABELS,
-} from '../../datepicker.conf';
-import { DatepickerValidationErrors } from '../../types/datepicker.types';
-import { Interval, IntervalBuilder } from '@acpaas-ui/ngx-utils';
-
-@Component({
-  selector: 'aui-datepicker',
-  templateUrl: './datepicker.component.html',
-  styleUrls: ['./datepicker.component.scss'],
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  providers: [
-    {
-      provide: NG_VALUE_ACCESSOR,
-      useExisting: forwardRef(() => DatepickerComponent), // eslint-disable-line @angular-eslint/no-forward-ref
-      multi: true,
-    },
-    {
-      provide: NG_VALIDATORS,
-      useExisting: forwardRef(() => DatepickerComponent), // eslint-disable-line @angular-eslint/no-forward-ref
-      multi: true,
-    },
-  ],
-})
-export class DatepickerComponent implements OnInit, OnChanges, OnDestroy, ControlValueAccessor {
-  @ViewChild(FlyoutDirective, { static: true }) flyout: FlyoutDirective;
-  @Input() id: string;
-  @Input() name: string;
-  @Input() placeholder = 'dd/mm/yyyy';
-  @Input() label: string;
-  @Input() description: string;
-  @Input() range: DateRange;
-  @Input()
-  min: Date | null;
-  @Input()
-  max: Date | null;
-  @Input() autocomplete: 'off';
-  @Input() weekdayLabels: WeekdayLabelsConfig;
-  @Input() monthLabels: MonthLabelsConfig;
-  @Input() ariaOpenDatepickerLabel = 'Open kalender';
-
-  // eslint-disable-next-line @angular-eslint/no-output-native
-  @Output() blur = new EventEmitter<Event>();
-
-  public formControl: UntypedFormControl;
-  public selectedDate: Date;
-  public isDisabled = false;
-  public interval: Interval.IInterval<Date>;
-
-  private componentDestroyed$: Subject<boolean> = new Subject<boolean>();
-
-  constructor(
-    @Inject(CALENDAR_MONTH_LABELS) private moduleMonthLabels = CALENDAR_DEFAULT_MONTH_LABELS,
-    @Inject(CALENDAR_WEEKDAY_LABELS) private moduleWeekdayLabels = CALENDAR_DEFAULT_WEEKDAY_LABELS,
-    @Inject(DATEPICKER_ERROR_LABELS) private errorLabels = DATEPICKER_DEFAULT_ERROR_LABELS,
-    public calendarService: CalendarService,
-    private formBuilder: UntypedFormBuilder,
-    private ref: ChangeDetectorRef
-  ) {}
-
-  public ngOnInit(): void {
-    this.weekdayLabels = this.weekdayLabels || this.moduleWeekdayLabels;
-    this.monthLabels = this.monthLabels || this.moduleMonthLabels;
-    this.createInterval();
-    this.formControl = this.formBuilder.control({ value: '', disabled: this.isDisabled });
-    this.formControl.valueChanges.pipe(takeUntil(this.componentDestroyed$)).subscribe((value) => {
-      if (value) {
-        const date = DateHelper.parseDate(value, 'dd/MM/yyyy');
-        if (date instanceof Date) {
-          this.selectedDate = date;
-          const brusselsDate = new TZDate(date, 'Europe/Brussels');
-          const year = brusselsDate.getFullYear();
-          const month = brusselsDate.getMonth();
-          const day = brusselsDate.getDate();
-          this.onChange(DateHelper.toUtcMidnightInBrussels(year, month, day));
-        } else if (typeof date === 'string') {
-          this.onChange(value);
-        } else {
-          this.onChange(value);
-        }
-      } else {
-        this.selectedDate = null;
-        this.onChange('');
-      }
-    });
-  }
-
-  public ngOnChanges(changes: SimpleChanges): void {
-    if (changes.min || changes.max) {
-      this.createInterval();
-    }
-  }
-
-  public ngOnDestroy(): void {
-    this.componentDestroyed$.next(true);
-    this.componentDestroyed$.complete();
-  }
-
-  private createInterval() {
-    if (!this.min && !this.max) {
-      return;
-    }
-    // Create an interval if min/max is filled in
-    this.interval = IntervalBuilder.dateInterval(
-      this.min ? new Date(this.min) : null,
-      this.max ? new Date(this.max) : null
-    )
-      .not()
-      .build();
-  }
-
-  public writeValue(value: string | Date): void {
-    if (typeof value === 'string') {
-      if (this.isISODateFormat(value)) {
-        this.selectedDate = DateHelper.parseDate(value) as Date;
-      } else {
-        const parsed = DateHelper.parseDate(value, 'dd/MM/yyyy');
-        this.selectedDate = parsed instanceof Date ? parsed : null;
-      }
-    } else if (value instanceof Date) {
-      this.selectedDate = value;
-    } else {
-      this.selectedDate = null;
-    }
-
-    const dateString = this.selectedDate ? this.formatDate(this.selectedDate) : '';
-    this.formControl.setValue(dateString);
-  }
-
-  public registerOnChange(onChange: (res: any) => void): void {
-    this.onChange = onChange;
-  }
-
-  public registerOnTouched(onTouched: (_: any) => void): void {
-    this.onTouched = onTouched;
-  }
-
-  public setDisabledState(isDisabled: boolean): void {
-    this.isDisabled = isDisabled;
-
-    if (this.formControl) {
-      if (isDisabled && this.formControl.enabled) {
-        this.formControl.disable();
-      } else if (!isDisabled && this.formControl.disabled) {
-        this.formControl.enable();
-      }
-    }
-
-    this.ref.markForCheck();
-  }
-
-  public selectDateFromCalendar(result: DatepickerResult): void {
-    if (result.complete) {
-      this.formControl.setValue(this.formatDate(result.date));
-      this.flyout.close();
-    }
-  }
-
-  public formatDate(date: Date): string {
-    return DateHelper.formatDate(date, 'DD/MM/YYYY', {
-      leadingZero: true,
-      monthLabels: this.monthLabels,
-      weekdayLabels: this.weekdayLabels,
-    });
-  }
-
-  public validate(ctrl: UntypedFormControl): DatepickerValidationErrors {
-    // no error on empty value (add required validator in app)
-    if (ctrl.value === '' || ctrl.value === null) {
-      return null;
-    }
-
-    // throw format error if no valid date was provided
-    const date = DateHelper.parseDate(ctrl.value);
-    if (!date) {
-      return {
-        format: this.errorLabels.ERRORS_INVALID_DATE,
-      };
-    }
-
-    // no error if valid date an no range provided
-    if (!this.range || !this.range.length) {
-      return null;
-    }
-
-    // throw error when out of range
-    const range = this.calendarService.getRangeForDate(date, this.range);
-
-    return range.indexOf(date.getDate()) >= 0
-      ? {
-          range: this.errorLabels.ERRORS_INVALID_RANGE,
-        }
-      : null;
-  }
-
-  public handleBlur(e: Event): void {
-    this.blur.emit(e);
-    this.onTouched(e);
-  }
-
-  private onChange: (res: any) => void = () => undefined;
-
-  private onTouched: (_: any) => void = () => undefined;
-
-  private isISODateFormat(value: string) {
-    if (typeof value !== 'string') {
-      return false;
-    }
-    return value.match(/\d{4}-\d{2}-\d{2}T.*/);
-  }
-}

package/src/lib/datepicker/datepicker.conf.ts

@@ -1,11 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { DatepickerErrorLabels } from './types/datepicker.types';
-
-export const DATEPICKER_ERROR_LABELS = new InjectionToken<DatepickerErrorLabels>('errorLabels');
-
-export const DATEPICKER_DEFAULT_ERROR_LABELS = {
-  ERRORS_INVALID_DATE: 'INVALID_DATE',
-  ERRORS_INVALID_RANGE: 'INVALID_RANGE',
-};
-
-export const DATEPICKER_SEPARATOR_CHAR = '/';

package/src/lib/datepicker/datepicker.module.ts

@@ -1,50 +0,0 @@
-import { ModuleWithProviders, NgModule } from '@angular/core';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { CommonModule } from '@angular/common';
-
-import { FlyoutModule } from '@acpaas-ui/ngx-flyout';
-import {
-  CALENDAR_DEFAULT_MONTH_LABELS,
-  CALENDAR_DEFAULT_WEEKDAY_LABELS,
-  CALENDAR_MONTH_LABELS,
-  CALENDAR_WEEKDAY_LABELS,
-  CalendarModule,
-} from '@acpaas-ui/ngx-calendar';
-import { IconModule } from '@acpaas-ui/ngx-icon';
-
-import { DatepickerComponent } from './components/datepicker/datepicker.component';
-import { DATEPICKER_DEFAULT_ERROR_LABELS, DATEPICKER_ERROR_LABELS } from './datepicker.conf';
-import { DatepickerErrorLabels } from './types/datepicker.types';
-
-@NgModule({
-  imports: [CommonModule, FormsModule, ReactiveFormsModule, CalendarModule, IconModule, FlyoutModule],
-  declarations: [DatepickerComponent],
-  exports: [DatepickerComponent],
-  providers: [
-    {
-      provide: CALENDAR_WEEKDAY_LABELS,
-      useValue: CALENDAR_DEFAULT_WEEKDAY_LABELS,
-    },
-    { provide: CALENDAR_MONTH_LABELS, useValue: CALENDAR_DEFAULT_MONTH_LABELS },
-    {
-      provide: DATEPICKER_ERROR_LABELS,
-      useValue: DATEPICKER_DEFAULT_ERROR_LABELS,
-    },
-  ],
-})
-export class DatepickerModule {
-  static forChild(
-    weekdayLabels: string[],
-    monthLabels: string[],
-    errorLabels: DatepickerErrorLabels
-  ): ModuleWithProviders<DatepickerModule> {
-    return {
-      ngModule: DatepickerModule,
-      providers: [
-        { provide: CALENDAR_WEEKDAY_LABELS, useValue: weekdayLabels },
-        { provide: CALENDAR_MONTH_LABELS, useValue: monthLabels },
-        { provide: DATEPICKER_ERROR_LABELS, useValue: errorLabels },
-      ],
-    };
-  }
-}

package/src/lib/datepicker/public-api.ts

@@ -1,8 +0,0 @@
-export { DatepickerComponent } from './components/datepicker/datepicker.component';
-export { DatepickerErrorLabels, DatepickerValidationErrors } from './types/datepicker.types';
-export {
-  DATEPICKER_DEFAULT_ERROR_LABELS,
-  DATEPICKER_ERROR_LABELS,
-  DATEPICKER_SEPARATOR_CHAR,
-} from './datepicker.conf';
-export { DatepickerModule } from './datepicker.module';