@skyux/datetime 8.7.2 → 9.0.0-alpha.1

package/documentation.json

@@ -10989,94 +10989,94 @@
   },
   "codeExamples": [
     {
-      "fileName": "date-pipe-demo.component.html",
-      "filePath": "/projects/datetime/documentation/code-examples/date-pipe/basic/date-pipe-demo.component.html",
-      "rawContents": "<div>{{ myDate | skyDate }}</div>\n<div>{{ myDate | skyDate : 'medium' }}</div>\n<div>{{ myDate | skyDate : 'medium' : 'es-MX' }}</div>\n"
-    },
-    {
-      "fileName": "date-pipe-demo.component.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/date-pipe/basic/date-pipe-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-date-pipe-demo',\n  templateUrl: './date-pipe-demo.component.html',\n})\nexport class DatePipeDemoComponent {\n  public myDate = new Date('11/05/1955');\n}\n"
+      "fileName": "timepicker-demo.module.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/timepicker/basic/timepicker-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyTimepickerModule } from '@skyux/datetime';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\n\nimport { TimepickerDemoComponent } from './timepicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyStatusIndicatorModule,\n    SkyTimepickerModule,\n  ],\n  exports: [TimepickerDemoComponent],\n  declarations: [TimepickerDemoComponent],\n})\nexport class TimepickerDemoModule {}\n"
     },
     {
-      "fileName": "date-pipe-demo.module.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/date-pipe/basic/date-pipe-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyDatePipeModule } from '@skyux/datetime';\n\nimport { DatePipeDemoComponent } from './date-pipe-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDatePipeModule],\n  exports: [DatePipeDemoComponent],\n  declarations: [DatePipeDemoComponent],\n})\nexport class DatePipeDemoModule {}\n"
+      "fileName": "timepicker-demo.component.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/timepicker/basic/timepicker-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  Validators,\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-timepicker-demo',\n  templateUrl: './timepicker-demo.component.html',\n})\nexport class TimepickerDemoComponent {\n  public get timeControl(): FormControl {\n    return this.formGroup.get('time') as FormControl;\n  }\n\n  public formGroup: FormGroup;\n\n  constructor(formBuilder: FormBuilder) {\n    this.formGroup = formBuilder.group({\n      time: new FormControl('2:45', Validators.required),\n    });\n  }\n\n  public clearSelectedTime(): void {\n    this.timeControl.setValue(undefined);\n  }\n}\n"
     },
     {
-      "fileName": "date-range-picker-demo.component.html",
-      "filePath": "/projects/datetime/documentation/code-examples/date-range-picker/basic/date-range-picker-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"reactiveForm\">\n  <div class=\"sky-form-group\">\n    <sky-date-range-picker\n      formControlName=\"lastDonation\"\n      label=\"Last donation\"\n      [calculatorIds]=\"calculatorIds\"\n      [dateFormat]=\"dateFormat\"\n    >\n    </sky-date-range-picker>\n\n    <ng-container *ngIf=\"reactiveRange?.errors && reactiveRange?.touched\">\n      <div\n        *ngIf=\"\n          reactiveRange?.errors?.['skyDateRange']?.errors.endDateBeforeStartDate\n        \"\n        class=\"sky-error-label\"\n      >\n        Change the date range so that the from date is on or before the to date.\n      </div>\n      <div *ngIf=\"reactiveRange?.errors?.['skyDate']\" class=\"sky-error-label\">\n        Enter valid dates.\n      </div>\n    </ng-container>\n  </div>\n</form>\n\n<h3>Form control statuses</h3>\n\n<table>\n  <tr>\n    <th>Touched</th>\n    <td>{{ reactiveRange?.touched }}</td>\n  </tr>\n  <tr>\n    <th>Pristine</th>\n    <td>{{ reactiveRange?.pristine }}</td>\n  </tr>\n  <tr>\n    <th>Valid</th>\n    <td>{{ reactiveRange?.valid }}</td>\n  </tr>\n</table>\n\n<h3>Form control value</h3>\n\n<pre><code style=\"display:block;\">calculatorId: {{ reactiveForm.value.lastDonation?.calculatorId }}\nstartDate: {{ reactiveForm.value.lastDonation?.startDate | date }}\nendDate: {{ reactiveForm.value.lastDonation?.endDate | date }}</code></pre>\n\n<h3>Manipulate value and state</h3>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"toggleDisabled()\"\n>\n  {{ reactiveForm.disabled ? 'Enable' : 'Disable' }} picker\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"resetForm()\"\n>\n  Reset form\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setRange()\"\n>\n  Set specific range\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setInvalidRange()\"\n>\n  Set invalid range\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setInvalidDates()\"\n>\n  Set invalid dates\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setCalculatorIds()\"\n>\n  Set custom calculators\n</button>\n\n<button class=\"sky-btn sky-btn-default\" type=\"button\" (click)=\"setDateFormat()\">\n  Set date format (YYYY-MM-DD)\n</button>\n"
+      "fileName": "timepicker-demo.component.html",
+      "filePath": "/projects/datetime/documentation/code-examples/timepicker/basic/timepicker-demo.component.html",
+      "rawContents": "<form novalidate [formGroup]=\"formGroup\">\n  <sky-input-box labelText=\"Start time\">\n    <sky-timepicker #timepicker>\n      <input\n        formControlName=\"time\"\n        type=\"text\"\n        [skyTimepickerInput]=\"timepicker\"\n      />\n    </sky-timepicker>\n  </sky-input-box>\n</form>\n\n<button\n  class=\"sky-btn sky-btn-secondary\"\n  type=\"button\"\n  (click)=\"clearSelectedTime()\"\n>\n  Clear selection\n</button>\n"
     },
     {
-      "fileName": "date-range-picker-demo.component.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/date-range-picker/basic/date-range-picker-demo.component.ts",
-      "rawContents": "import { Component, OnDestroy, OnInit } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from '@angular/forms';\nimport {\n  SkyDateRangeCalculation,\n  SkyDateRangeCalculatorId,\n  SkyDateRangeCalculatorType,\n  SkyDateRangeService,\n} from '@skyux/datetime';\n\nimport { Subject } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\n@Component({\n  selector: 'app-date-range-picker-demo',\n  templateUrl: './date-range-picker-demo.component.html',\n})\nexport class DateRangePickerDemoComponent implements OnInit, OnDestroy {\n  public calculatorIds: SkyDateRangeCalculatorId[] | undefined;\n\n  public dateFormat: string | undefined;\n\n  public reactiveForm: UntypedFormGroup;\n\n  public get reactiveRange(): AbstractControl | null {\n    return this.reactiveForm.get('lastDonation');\n  }\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #dateRangeService: SkyDateRangeService;\n\n  constructor(dateRangeService: SkyDateRangeService, formBuilder: FormBuilder) {\n    this.#dateRangeService = dateRangeService;\n    this.reactiveForm = formBuilder.group({\n      lastDonation: new UntypedFormControl(),\n    });\n  }\n\n  public ngOnInit(): void {\n    // Watch for status changes.\n    this.reactiveRange?.statusChanges\n      .pipe(distinctUntilChanged(), takeUntil(this.#ngUnsubscribe))\n      .subscribe((status) => {\n        console.log(\n          'Date range status change:',\n          status,\n          this.reactiveRange?.errors\n        );\n      });\n\n    // Watch for value changes.\n    this.reactiveRange?.valueChanges\n      .pipe(distinctUntilChanged(), takeUntil(this.#ngUnsubscribe))\n      .subscribe((value: SkyDateRangeCalculation) => {\n        console.log('Date range value change:', value);\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  public toggleDisabled(): void {\n    if (this.reactiveForm.disabled) {\n      this.reactiveForm.enable();\n    } else {\n      this.reactiveForm.disable();\n    }\n  }\n\n  public resetForm(): void {\n    this.dateFormat = undefined;\n    this.calculatorIds = undefined;\n    this.reactiveForm.reset();\n    this.reactiveForm.markAsPristine();\n    this.reactiveForm.markAsUntouched();\n  }\n\n  public setRange(): void {\n    const range: SkyDateRangeCalculation = {\n      calculatorId: SkyDateRangeCalculatorId.SpecificRange,\n      startDate: new Date('1/1/2012'),\n      endDate: new Date('1/1/2013'),\n    };\n\n    this.reactiveRange?.setValue(range);\n  }\n\n  public setInvalidRange(): void {\n    const range: SkyDateRangeCalculation = {\n      calculatorId: SkyDateRangeCalculatorId.SpecificRange,\n      startDate: new Date('1/1/2013'),\n      endDate: new Date('1/1/2012'),\n    };\n\n    this.reactiveRange?.setValue(range);\n  }\n\n  public setInvalidDates(): void {\n    const range: SkyDateRangeCalculation = {\n      calculatorId: SkyDateRangeCalculatorId.SpecificRange,\n      startDate: 'invalid' as never as Date,\n      endDate: 'invalid' as never as Date,\n    };\n\n    this.reactiveRange?.setValue(range);\n  }\n\n  public setCalculatorIds(): void {\n    const calculator = this.#dateRangeService.createCalculator({\n      shortDescription: 'Since 1999',\n      type: SkyDateRangeCalculatorType.Relative,\n      getValue: () => {\n        return {\n          startDate: new Date('1/1/1999'),\n          endDate: new Date(),\n        };\n      },\n    });\n\n    this.calculatorIds = [\n      calculator.calculatorId,\n      SkyDateRangeCalculatorId.SpecificRange,\n      SkyDateRangeCalculatorId.LastFiscalYear,\n    ];\n  }\n\n  public setDateFormat(): void {\n    this.dateFormat = 'YYYY-MM-DD';\n  }\n}\n"
+      "fileName": "datepicker-demo.module.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/fuzzy/datepicker-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDatepickerModule } from '@skyux/datetime';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { DatepickerDemoComponent } from './datepicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyDatepickerModule,\n    SkyInputBoxModule,\n  ],\n  exports: [DatepickerDemoComponent],\n  declarations: [DatepickerDemoComponent],\n})\nexport class DatepickerDemoModule {}\n"
     },
     {
-      "fileName": "date-range-picker-demo.module.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/date-range-picker/basic/date-range-picker-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDateRangePickerModule } from '@skyux/datetime';\n\nimport { DateRangePickerDemoComponent } from './date-range-picker-demo.component';\n\n@NgModule({\n  imports: [CommonModule, ReactiveFormsModule, SkyDateRangePickerModule],\n  exports: [DateRangePickerDemoComponent],\n  declarations: [DateRangePickerDemoComponent],\n})\nexport class DateRangePickerDemoModule {}\n"
+      "fileName": "datepicker-demo.component.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/fuzzy/datepicker-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-datepicker-demo',\n  templateUrl: './datepicker-demo.component.html',\n})\nexport class DatepickerDemoComponent {\n  public myForm: FormGroup;\n\n  constructor(formBuilder: FormBuilder) {\n    this.myForm = formBuilder.group({\n      myDate: new FormControl(new Date(1955, 10, 5)),\n    });\n  }\n\n  public get getFuzzyDateForDisplay(): string {\n    return JSON.stringify(this.myForm.get('myDate')?.value);\n  }\n}\n"
     },
     {
       "fileName": "datepicker-demo.component.html",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/basic/datepicker-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <sky-input-box labelText=\"Date\">\n    <sky-datepicker>\n      <input formControlName=\"myDate\" skyDatepickerInput type=\"text\" />\n    </sky-datepicker>\n  </sky-input-box>\n</form>\n\n<p>\n  Selected date: <code>{{ myForm.value.myDate }}</code>\n</p>\n"
-    },
-    {
-      "fileName": "datepicker-demo.component.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/basic/datepicker-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-datepicker-demo',\n  templateUrl: './datepicker-demo.component.html',\n})\nexport class DatepickerDemoComponent {\n  public myForm: UntypedFormGroup;\n\n  constructor(formBuilder: UntypedFormBuilder) {\n    this.myForm = formBuilder.group({\n      myDate: new UntypedFormControl(new Date(1999, 10, 5)),\n    });\n  }\n}\n"
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/fuzzy/datepicker-demo.component.html",
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <sky-input-box labelText=\"Date\">\n    <sky-datepicker>\n      <input formControlName=\"myDate\" skyFuzzyDatepickerInput type=\"text\" />\n    </sky-datepicker>\n  </sky-input-box>\n</form>\n\n<p>\n  Selected date: <code>{{ getFuzzyDateForDisplay }}</code>\n</p>\n"
     },
     {
       "fileName": "datepicker-demo.module.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/basic/datepicker-demo.module.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/custom-dates/datepicker-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDatepickerModule } from '@skyux/datetime';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { DatepickerDemoComponent } from './datepicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyDatepickerModule,\n    SkyInputBoxModule,\n  ],\n  exports: [DatepickerDemoComponent],\n  declarations: [DatepickerDemoComponent],\n})\nexport class DatepickerDemoModule {}\n"
     },
-    {
-      "fileName": "datepicker-demo.component.html",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/custom-dates/datepicker-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <sky-input-box labelText=\"Date\">\n    <sky-datepicker\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n    >\n      <input formControlName=\"myDate\" skyDatepickerInput type=\"text\" />\n    </sky-datepicker>\n  </sky-input-box>\n</form>\n\n<p>\n  Selected date: <code>{{ myForm.value.myDate }}</code>\n</p>\n"
-    },
     {
       "fileName": "datepicker-demo.component.ts",
       "filePath": "/projects/datetime/documentation/code-examples/datepicker/custom-dates/datepicker-demo.component.ts",
       "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\nimport {\n  SkyDatepickerCalendarChange,\n  SkyDatepickerCustomDate,\n} from '@skyux/datetime';\n\nimport { Observable, of } from 'rxjs';\nimport { delay } from 'rxjs/operators';\n\n@Component({\n  selector: 'app-datepicker-demo',\n  templateUrl: './datepicker-demo.component.html',\n})\nexport class DatepickerDemoComponent {\n  public myForm: FormGroup;\n\n  constructor(formBuilder: FormBuilder) {\n    this.myForm = formBuilder.group({\n      myDate: new FormControl(new Date(1999, 10, 5)),\n    });\n  }\n\n  public onCalendarDateRangeChange(event: SkyDatepickerCalendarChange): void {\n    if (event) {\n      // Bind observable to `customDates` argument and simulate delay for async process to finish.\n      // Normally, `getCustomDates()` would be replaced by an async call to fetch data.\n      event.customDates = this.#getCustomDates(event).pipe(delay(2000));\n    }\n  }\n\n  /**\n   * Generate fake custom dates based on the date range returned from the event.\n   * This is for demonstration purposes only.\n   */\n  #getCustomDates(\n    event: SkyDatepickerCalendarChange\n  ): Observable<SkyDatepickerCustomDate[]> {\n    const getNextDate = function (startDate: Date, daysToAdd: number): Date {\n      const newDate = new Date(startDate);\n      newDate.setDate(newDate.getDate() + daysToAdd);\n      return newDate;\n    };\n\n    const customDates: SkyDatepickerCustomDate[] = [];\n    customDates.push({\n      date: event.startDate,\n      disabled: false,\n      keyDate: true,\n      keyDateText: ['First date'],\n    });\n\n    customDates.push({\n      date: getNextDate(event.startDate, 8),\n      disabled: false,\n      keyDate: true,\n      keyDateText: ['Important'],\n    });\n\n    customDates.push({\n      date: getNextDate(event.startDate, 9),\n      disabled: false,\n      keyDate: true,\n      keyDateText: ['Also Important'],\n    });\n\n    customDates.push({\n      date: getNextDate(event.startDate, 10),\n      disabled: true,\n      keyDate: true,\n      keyDateText: ['Disabled'],\n    });\n\n    customDates.push({\n      date: getNextDate(event.startDate, 11),\n      disabled: true,\n      keyDate: false,\n      keyDateText: [],\n    });\n\n    customDates.push({\n      date: getNextDate(event.startDate, 12),\n      disabled: false,\n      keyDate: true,\n      keyDateText: [],\n    });\n\n    customDates.push({\n      date: getNextDate(event.startDate, 13),\n      disabled: false,\n      keyDate: true,\n      keyDateText: ['Multiple', 'Messages'],\n    });\n\n    customDates.push({\n      date: event.endDate,\n      disabled: false,\n      keyDate: true,\n      keyDateText: ['Last date'],\n    });\n\n    return of(customDates);\n  }\n}\n"
     },
+    {
+      "fileName": "datepicker-demo.component.html",
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/custom-dates/datepicker-demo.component.html",
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <sky-input-box labelText=\"Date\">\n    <sky-datepicker\n      (calendarDateRangeChange)=\"onCalendarDateRangeChange($event)\"\n    >\n      <input formControlName=\"myDate\" skyDatepickerInput type=\"text\" />\n    </sky-datepicker>\n  </sky-input-box>\n</form>\n\n<p>\n  Selected date: <code>{{ myForm.value.myDate }}</code>\n</p>\n"
+    },
     {
       "fileName": "datepicker-demo.module.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/custom-dates/datepicker-demo.module.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/basic/datepicker-demo.module.ts",
       "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDatepickerModule } from '@skyux/datetime';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { DatepickerDemoComponent } from './datepicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyDatepickerModule,\n    SkyInputBoxModule,\n  ],\n  exports: [DatepickerDemoComponent],\n  declarations: [DatepickerDemoComponent],\n})\nexport class DatepickerDemoModule {}\n"
     },
+    {
+      "fileName": "datepicker-demo.component.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/basic/datepicker-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\nimport {\n  UntypedFormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-datepicker-demo',\n  templateUrl: './datepicker-demo.component.html',\n})\nexport class DatepickerDemoComponent {\n  public myForm: UntypedFormGroup;\n\n  constructor(formBuilder: UntypedFormBuilder) {\n    this.myForm = formBuilder.group({\n      myDate: new UntypedFormControl(new Date(1999, 10, 5)),\n    });\n  }\n}\n"
+    },
     {
       "fileName": "datepicker-demo.component.html",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/fuzzy/datepicker-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <sky-input-box labelText=\"Date\">\n    <sky-datepicker>\n      <input formControlName=\"myDate\" skyFuzzyDatepickerInput type=\"text\" />\n    </sky-datepicker>\n  </sky-input-box>\n</form>\n\n<p>\n  Selected date: <code>{{ getFuzzyDateForDisplay }}</code>\n</p>\n"
+      "filePath": "/projects/datetime/documentation/code-examples/datepicker/basic/datepicker-demo.component.html",
+      "rawContents": "<form novalidate [formGroup]=\"myForm\">\n  <sky-input-box labelText=\"Date\">\n    <sky-datepicker>\n      <input formControlName=\"myDate\" skyDatepickerInput type=\"text\" />\n    </sky-datepicker>\n  </sky-input-box>\n</form>\n\n<p>\n  Selected date: <code>{{ myForm.value.myDate }}</code>\n</p>\n"
     },
     {
-      "fileName": "datepicker-demo.component.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/fuzzy/datepicker-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport { FormBuilder, FormControl, FormGroup } from '@angular/forms';\n\n@Component({\n  selector: 'app-datepicker-demo',\n  templateUrl: './datepicker-demo.component.html',\n})\nexport class DatepickerDemoComponent {\n  public myForm: FormGroup;\n\n  constructor(formBuilder: FormBuilder) {\n    this.myForm = formBuilder.group({\n      myDate: new FormControl(new Date(1955, 10, 5)),\n    });\n  }\n\n  public get getFuzzyDateForDisplay(): string {\n    return JSON.stringify(this.myForm.get('myDate')?.value);\n  }\n}\n"
+      "fileName": "date-range-picker-demo.module.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/date-range-picker/basic/date-range-picker-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDateRangePickerModule } from '@skyux/datetime';\n\nimport { DateRangePickerDemoComponent } from './date-range-picker-demo.component';\n\n@NgModule({\n  imports: [CommonModule, ReactiveFormsModule, SkyDateRangePickerModule],\n  exports: [DateRangePickerDemoComponent],\n  declarations: [DateRangePickerDemoComponent],\n})\nexport class DateRangePickerDemoModule {}\n"
     },
     {
-      "fileName": "datepicker-demo.module.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/datepicker/fuzzy/datepicker-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { SkyDatepickerModule } from '@skyux/datetime';\nimport { SkyInputBoxModule } from '@skyux/forms';\n\nimport { DatepickerDemoComponent } from './datepicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyDatepickerModule,\n    SkyInputBoxModule,\n  ],\n  exports: [DatepickerDemoComponent],\n  declarations: [DatepickerDemoComponent],\n})\nexport class DatepickerDemoModule {}\n"
+      "fileName": "date-range-picker-demo.component.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/date-range-picker/basic/date-range-picker-demo.component.ts",
+      "rawContents": "import { Component, OnDestroy, OnInit } from '@angular/core';\nimport {\n  AbstractControl,\n  FormBuilder,\n  UntypedFormControl,\n  UntypedFormGroup,\n} from '@angular/forms';\nimport {\n  SkyDateRangeCalculation,\n  SkyDateRangeCalculatorId,\n  SkyDateRangeCalculatorType,\n  SkyDateRangeService,\n} from '@skyux/datetime';\n\nimport { Subject } from 'rxjs';\nimport { distinctUntilChanged, takeUntil } from 'rxjs/operators';\n\n@Component({\n  selector: 'app-date-range-picker-demo',\n  templateUrl: './date-range-picker-demo.component.html',\n})\nexport class DateRangePickerDemoComponent implements OnInit, OnDestroy {\n  public calculatorIds: SkyDateRangeCalculatorId[] | undefined;\n\n  public dateFormat: string | undefined;\n\n  public reactiveForm: UntypedFormGroup;\n\n  public get reactiveRange(): AbstractControl | null {\n    return this.reactiveForm.get('lastDonation');\n  }\n\n  #ngUnsubscribe = new Subject<void>();\n\n  #dateRangeService: SkyDateRangeService;\n\n  constructor(dateRangeService: SkyDateRangeService, formBuilder: FormBuilder) {\n    this.#dateRangeService = dateRangeService;\n    this.reactiveForm = formBuilder.group({\n      lastDonation: new UntypedFormControl(),\n    });\n  }\n\n  public ngOnInit(): void {\n    // Watch for status changes.\n    this.reactiveRange?.statusChanges\n      .pipe(distinctUntilChanged(), takeUntil(this.#ngUnsubscribe))\n      .subscribe((status) => {\n        console.log(\n          'Date range status change:',\n          status,\n          this.reactiveRange?.errors\n        );\n      });\n\n    // Watch for value changes.\n    this.reactiveRange?.valueChanges\n      .pipe(distinctUntilChanged(), takeUntil(this.#ngUnsubscribe))\n      .subscribe((value: SkyDateRangeCalculation) => {\n        console.log('Date range value change:', value);\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.#ngUnsubscribe.next();\n    this.#ngUnsubscribe.complete();\n  }\n\n  public toggleDisabled(): void {\n    if (this.reactiveForm.disabled) {\n      this.reactiveForm.enable();\n    } else {\n      this.reactiveForm.disable();\n    }\n  }\n\n  public resetForm(): void {\n    this.dateFormat = undefined;\n    this.calculatorIds = undefined;\n    this.reactiveForm.reset();\n    this.reactiveForm.markAsPristine();\n    this.reactiveForm.markAsUntouched();\n  }\n\n  public setRange(): void {\n    const range: SkyDateRangeCalculation = {\n      calculatorId: SkyDateRangeCalculatorId.SpecificRange,\n      startDate: new Date('1/1/2012'),\n      endDate: new Date('1/1/2013'),\n    };\n\n    this.reactiveRange?.setValue(range);\n  }\n\n  public setInvalidRange(): void {\n    const range: SkyDateRangeCalculation = {\n      calculatorId: SkyDateRangeCalculatorId.SpecificRange,\n      startDate: new Date('1/1/2013'),\n      endDate: new Date('1/1/2012'),\n    };\n\n    this.reactiveRange?.setValue(range);\n  }\n\n  public setInvalidDates(): void {\n    const range: SkyDateRangeCalculation = {\n      calculatorId: SkyDateRangeCalculatorId.SpecificRange,\n      startDate: 'invalid' as never as Date,\n      endDate: 'invalid' as never as Date,\n    };\n\n    this.reactiveRange?.setValue(range);\n  }\n\n  public setCalculatorIds(): void {\n    const calculator = this.#dateRangeService.createCalculator({\n      shortDescription: 'Since 1999',\n      type: SkyDateRangeCalculatorType.Relative,\n      getValue: () => {\n        return {\n          startDate: new Date('1/1/1999'),\n          endDate: new Date(),\n        };\n      },\n    });\n\n    this.calculatorIds = [\n      calculator.calculatorId,\n      SkyDateRangeCalculatorId.SpecificRange,\n      SkyDateRangeCalculatorId.LastFiscalYear,\n    ];\n  }\n\n  public setDateFormat(): void {\n    this.dateFormat = 'YYYY-MM-DD';\n  }\n}\n"
     },
     {
-      "fileName": "timepicker-demo.component.html",
-      "filePath": "/projects/datetime/documentation/code-examples/timepicker/basic/timepicker-demo.component.html",
-      "rawContents": "<form novalidate [formGroup]=\"formGroup\">\n  <sky-input-box labelText=\"Start time\">\n    <sky-timepicker #timepicker>\n      <input\n        formControlName=\"time\"\n        type=\"text\"\n        [skyTimepickerInput]=\"timepicker\"\n      />\n    </sky-timepicker>\n  </sky-input-box>\n</form>\n\n<button\n  class=\"sky-btn sky-btn-secondary\"\n  type=\"button\"\n  (click)=\"clearSelectedTime()\"\n>\n  Clear selection\n</button>\n"
+      "fileName": "date-range-picker-demo.component.html",
+      "filePath": "/projects/datetime/documentation/code-examples/date-range-picker/basic/date-range-picker-demo.component.html",
+      "rawContents": "<form novalidate [formGroup]=\"reactiveForm\">\n  <div class=\"sky-form-group\">\n    <sky-date-range-picker\n      formControlName=\"lastDonation\"\n      label=\"Last donation\"\n      [calculatorIds]=\"calculatorIds\"\n      [dateFormat]=\"dateFormat\"\n    >\n    </sky-date-range-picker>\n\n    <ng-container *ngIf=\"reactiveRange?.errors && reactiveRange?.touched\">\n      <div\n        *ngIf=\"\n          reactiveRange?.errors?.['skyDateRange']?.errors.endDateBeforeStartDate\n        \"\n        class=\"sky-error-label\"\n      >\n        Change the date range so that the from date is on or before the to date.\n      </div>\n      <div *ngIf=\"reactiveRange?.errors?.['skyDate']\" class=\"sky-error-label\">\n        Enter valid dates.\n      </div>\n    </ng-container>\n  </div>\n</form>\n\n<h3>Form control statuses</h3>\n\n<table>\n  <tr>\n    <th>Touched</th>\n    <td>{{ reactiveRange?.touched }}</td>\n  </tr>\n  <tr>\n    <th>Pristine</th>\n    <td>{{ reactiveRange?.pristine }}</td>\n  </tr>\n  <tr>\n    <th>Valid</th>\n    <td>{{ reactiveRange?.valid }}</td>\n  </tr>\n</table>\n\n<h3>Form control value</h3>\n\n<pre><code style=\"display:block;\">calculatorId: {{ reactiveForm.value.lastDonation?.calculatorId }}\nstartDate: {{ reactiveForm.value.lastDonation?.startDate | date }}\nendDate: {{ reactiveForm.value.lastDonation?.endDate | date }}</code></pre>\n\n<h3>Manipulate value and state</h3>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"toggleDisabled()\"\n>\n  {{ reactiveForm.disabled ? 'Enable' : 'Disable' }} picker\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"resetForm()\"\n>\n  Reset form\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setRange()\"\n>\n  Set specific range\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setInvalidRange()\"\n>\n  Set invalid range\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setInvalidDates()\"\n>\n  Set invalid dates\n</button>\n\n<button\n  class=\"sky-btn sky-btn-default sky-margin-inline-sm\"\n  type=\"button\"\n  (click)=\"setCalculatorIds()\"\n>\n  Set custom calculators\n</button>\n\n<button class=\"sky-btn sky-btn-default\" type=\"button\" (click)=\"setDateFormat()\">\n  Set date format (YYYY-MM-DD)\n</button>\n"
     },
     {
-      "fileName": "timepicker-demo.component.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/timepicker/basic/timepicker-demo.component.ts",
-      "rawContents": "import { Component } from '@angular/core';\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup,\n  Validators,\n} from '@angular/forms';\n\n@Component({\n  selector: 'app-timepicker-demo',\n  templateUrl: './timepicker-demo.component.html',\n})\nexport class TimepickerDemoComponent {\n  public get timeControl(): FormControl {\n    return this.formGroup.get('time') as FormControl;\n  }\n\n  public formGroup: FormGroup;\n\n  constructor(formBuilder: FormBuilder) {\n    this.formGroup = formBuilder.group({\n      time: new FormControl('2:45', Validators.required),\n    });\n  }\n\n  public clearSelectedTime(): void {\n    this.timeControl.setValue(undefined);\n  }\n}\n"
+      "fileName": "date-pipe-demo.module.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/date-pipe/basic/date-pipe-demo.module.ts",
+      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SkyDatePipeModule } from '@skyux/datetime';\n\nimport { DatePipeDemoComponent } from './date-pipe-demo.component';\n\n@NgModule({\n  imports: [CommonModule, SkyDatePipeModule],\n  exports: [DatePipeDemoComponent],\n  declarations: [DatePipeDemoComponent],\n})\nexport class DatePipeDemoModule {}\n"
     },
     {
-      "fileName": "timepicker-demo.module.ts",
-      "filePath": "/projects/datetime/documentation/code-examples/timepicker/basic/timepicker-demo.module.ts",
-      "rawContents": "import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { SkyTimepickerModule } from '@skyux/datetime';\nimport { SkyInputBoxModule } from '@skyux/forms';\nimport { SkyStatusIndicatorModule } from '@skyux/indicators';\n\nimport { TimepickerDemoComponent } from './timepicker-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    FormsModule,\n    ReactiveFormsModule,\n    SkyInputBoxModule,\n    SkyStatusIndicatorModule,\n    SkyTimepickerModule,\n  ],\n  exports: [TimepickerDemoComponent],\n  declarations: [TimepickerDemoComponent],\n})\nexport class TimepickerDemoModule {}\n"
+      "fileName": "date-pipe-demo.component.ts",
+      "filePath": "/projects/datetime/documentation/code-examples/date-pipe/basic/date-pipe-demo.component.ts",
+      "rawContents": "import { Component } from '@angular/core';\n\n@Component({\n  selector: 'app-date-pipe-demo',\n  templateUrl: './date-pipe-demo.component.html',\n})\nexport class DatePipeDemoComponent {\n  public myDate = new Date('11/05/1955');\n}\n"
+    },
+    {
+      "fileName": "date-pipe-demo.component.html",
+      "filePath": "/projects/datetime/documentation/code-examples/date-pipe/basic/date-pipe-demo.component.html",
+      "rawContents": "<div>{{ myDate | skyDate }}</div>\n<div>{{ myDate | skyDate : 'medium' }}</div>\n<div>{{ myDate | skyDate : 'medium' : 'es-MX' }}</div>\n"
     }
   ]
 }

package/esm2022/lib/modules/date-pipe/date-format-utility.mjs

@@ -0,0 +1,45 @@
+// This class is mostly ported from the Angular 4.x DatePipe in order to maintain the old
+// behavior of using the `Intl` API for formatting dates rather than having to register every
+// supported locale.
+// https://github.com/angular/angular/blob/4.4.x/packages/common/src/pipes/date_pipe.ts
+import { SkyIntlDateFormatter } from '@skyux/i18n';
+import moment from 'moment';
+export class SkyDateFormatUtility {
+    /* spell-checker:disable */
+    static { this._ALIASES = {
+        medium: 'yMMMdjms',
+        short: 'yMdjm',
+        fullDate: 'yMMMMEEEEd',
+        longDate: 'yMMMMd',
+        mediumDate: 'yMMMd',
+        shortDate: 'yMd',
+        mediumTime: 'jms',
+        shortTime: 'jm',
+    }; }
+    /* spell-checker:enable */
+    static format(locale, value, pattern) {
+        let date;
+        if (isBlank(value) || value !== value) {
+            return undefined;
+        }
+        // Moment will interpret any non-date object as today's date. That would
+        // introduce a breaking change, so we check for it here. This could probably be removed
+        // in a future major version.
+        if (value instanceof Object && !(value instanceof Date)) {
+            throw new Error('Invalid value: ' + value);
+        }
+        // Use moment to avoid inconsistencies between browsers interpreting the value differently.
+        const momentDate = moment(value);
+        if (momentDate.isValid()) {
+            date = momentDate.toDate();
+        }
+        else {
+            throw new Error('Invalid value: ' + value);
+        }
+        return SkyIntlDateFormatter.format(date, locale, SkyDateFormatUtility._ALIASES[pattern] || pattern);
+    }
+}
+function isBlank(obj) {
+    return !obj;
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1mb3JtYXQtdXRpbGl0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRldGltZS9zcmMvbGliL21vZHVsZXMvZGF0ZS1waXBlL2RhdGUtZm9ybWF0LXV0aWxpdHkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEseUZBQXlGO0FBQ3pGLDZGQUE2RjtBQUM3RixvQkFBb0I7QUFDcEIsdUZBQXVGO0FBQ3ZGLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUVuRCxPQUFPLE1BQU0sTUFBTSxRQUFRLENBQUM7QUFFNUIsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQiwyQkFBMkI7YUFDWixhQUFRLEdBQThCO1FBQ25ELE1BQU0sRUFBRSxVQUFVO1FBQ2xCLEtBQUssRUFBRSxPQUFPO1FBQ2QsUUFBUSxFQUFFLFlBQVk7UUFDdEIsUUFBUSxFQUFFLFFBQVE7UUFDbEIsVUFBVSxFQUFFLE9BQU87UUFDbkIsU0FBUyxFQUFFLEtBQUs7UUFDaEIsVUFBVSxFQUFFLEtBQUs7UUFDakIsU0FBUyxFQUFFLElBQUk7S0FDaEIsQ0FBQztJQUNGLDBCQUEwQjtJQUVuQixNQUFNLENBQUMsTUFBTSxDQUNsQixNQUFjLEVBQ2QsS0FBVSxFQUNWLE9BQWU7UUFFZixJQUFJLElBQVUsQ0FBQztRQUVmLElBQUksT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLEtBQUssS0FBSyxLQUFLLEVBQUU7WUFDckMsT0FBTyxTQUFTLENBQUM7U0FDbEI7UUFFRCx3RUFBd0U7UUFDeEUsdUZBQXVGO1FBQ3ZGLDZCQUE2QjtRQUM3QixJQUFJLEtBQUssWUFBWSxNQUFNLElBQUksQ0FBQyxDQUFDLEtBQUssWUFBWSxJQUFJLENBQUMsRUFBRTtZQUN2RCxNQUFNLElBQUksS0FBSyxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxDQUFDO1NBQzVDO1FBRUQsMkZBQTJGO1FBQzNGLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNqQyxJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUN4QixJQUFJLEdBQUcsVUFBVSxDQUFDLE1BQU0sRUFBRSxDQUFDO1NBQzVCO2FBQU07WUFDTCxNQUFNLElBQUksS0FBSyxDQUFDLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxDQUFDO1NBQzVDO1FBRUQsT0FBTyxvQkFBb0IsQ0FBQyxNQUFNLENBQ2hDLElBQUksRUFDSixNQUFNLEVBQ04sb0JBQW9CLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxJQUFJLE9BQU8sQ0FDbEQsQ0FBQztJQUNKLENBQUM7O0FBR0gsU0FBUyxPQUFPLENBQUMsR0FBUTtJQUN2QixPQUFPLENBQUMsR0FBRyxDQUFDO0FBQ2QsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIFRoaXMgY2xhc3MgaXMgbW9zdGx5IHBvcnRlZCBmcm9tIHRoZSBBbmd1bGFyIDQueCBEYXRlUGlwZSBpbiBvcmRlciB0byBtYWludGFpbiB0aGUgb2xkXG4vLyBiZWhhdmlvciBvZiB1c2luZyB0aGUgYEludGxgIEFQSSBmb3IgZm9ybWF0dGluZyBkYXRlcyByYXRoZXIgdGhhbiBoYXZpbmcgdG8gcmVnaXN0ZXIgZXZlcnlcbi8vIHN1cHBvcnRlZCBsb2NhbGUuXG4vLyBodHRwczovL2dpdGh1Yi5jb20vYW5ndWxhci9hbmd1bGFyL2Jsb2IvNC40LngvcGFja2FnZXMvY29tbW9uL3NyYy9waXBlcy9kYXRlX3BpcGUudHNcbmltcG9ydCB7IFNreUludGxEYXRlRm9ybWF0dGVyIH0gZnJvbSAnQHNreXV4L2kxOG4nO1xuXG5pbXBvcnQgbW9tZW50IGZyb20gJ21vbWVudCc7XG5cbmV4cG9ydCBjbGFzcyBTa3lEYXRlRm9ybWF0VXRpbGl0eSB7XG4gIC8qIHNwZWxsLWNoZWNrZXI6ZGlzYWJsZSAqL1xuICBwcml2YXRlIHN0YXRpYyBfQUxJQVNFUzogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfSA9IHtcbiAgICBtZWRpdW06ICd5TU1NZGptcycsXG4gICAgc2hvcnQ6ICd5TWRqbScsXG4gICAgZnVsbERhdGU6ICd5TU1NTUVFRUVkJyxcbiAgICBsb25nRGF0ZTogJ3lNTU1NZCcsXG4gICAgbWVkaXVtRGF0ZTogJ3lNTU1kJyxcbiAgICBzaG9ydERhdGU6ICd5TWQnLFxuICAgIG1lZGl1bVRpbWU6ICdqbXMnLFxuICAgIHNob3J0VGltZTogJ2ptJyxcbiAgfTtcbiAgLyogc3BlbGwtY2hlY2tlcjplbmFibGUgKi9cblxuICBwdWJsaWMgc3RhdGljIGZvcm1hdChcbiAgICBsb2NhbGU6IHN0cmluZyxcbiAgICB2YWx1ZTogYW55LFxuICAgIHBhdHRlcm46IHN0cmluZ1xuICApOiBzdHJpbmcgfCB1bmRlZmluZWQge1xuICAgIGxldCBkYXRlOiBEYXRlO1xuXG4gICAgaWYgKGlzQmxhbmsodmFsdWUpIHx8IHZhbHVlICE9PSB2YWx1ZSkge1xuICAgICAgcmV0dXJuIHVuZGVmaW5lZDtcbiAgICB9XG5cbiAgICAvLyBNb21lbnQgd2lsbCBpbnRlcnByZXQgYW55IG5vbi1kYXRlIG9iamVjdCBhcyB0b2RheSdzIGRhdGUuIFRoYXQgd291bGRcbiAgICAvLyBpbnRyb2R1Y2UgYSBicmVha2luZyBjaGFuZ2UsIHNvIHdlIGNoZWNrIGZvciBpdCBoZXJlLiBUaGlzIGNvdWxkIHByb2JhYmx5IGJlIHJlbW92ZWRcbiAgICAvLyBpbiBhIGZ1dHVyZSBtYWpvciB2ZXJzaW9uLlxuICAgIGlmICh2YWx1ZSBpbnN0YW5jZW9mIE9iamVjdCAmJiAhKHZhbHVlIGluc3RhbmNlb2YgRGF0ZSkpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcignSW52YWxpZCB2YWx1ZTogJyArIHZhbHVlKTtcbiAgICB9XG5cbiAgICAvLyBVc2UgbW9tZW50IHRvIGF2b2lkIGluY29uc2lzdGVuY2llcyBiZXR3ZWVuIGJyb3dzZXJzIGludGVycHJldGluZyB0aGUgdmFsdWUgZGlmZmVyZW50bHkuXG4gICAgY29uc3QgbW9tZW50RGF0ZSA9IG1vbWVudCh2YWx1ZSk7XG4gICAgaWYgKG1vbWVudERhdGUuaXNWYWxpZCgpKSB7XG4gICAgICBkYXRlID0gbW9tZW50RGF0ZS50b0RhdGUoKTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdJbnZhbGlkIHZhbHVlOiAnICsgdmFsdWUpO1xuICAgIH1cblxuICAgIHJldHVybiBTa3lJbnRsRGF0ZUZvcm1hdHRlci5mb3JtYXQoXG4gICAgICBkYXRlLFxuICAgICAgbG9jYWxlLFxuICAgICAgU2t5RGF0ZUZvcm1hdFV0aWxpdHkuX0FMSUFTRVNbcGF0dGVybl0gfHwgcGF0dGVyblxuICAgICk7XG4gIH1cbn1cblxuZnVuY3Rpb24gaXNCbGFuayhvYmo6IGFueSk6IGJvb2xlYW4ge1xuICByZXR1cm4gIW9iajtcbn1cbiJdfQ==

package/{esm2020 → esm2022}/lib/modules/date-pipe/date-pipe.module.mjs

@@ -5,11 +5,11 @@ import { SkyDatePipe } from './date.pipe';
 import { SkyFuzzyDatePipe } from './fuzzy-date.pipe';
 import * as i0 from "@angular/core";
 export class SkyDatePipeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipeModule, declarations: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule], exports: [SkyDatePipe, SkyFuzzyDatePipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipeModule, providers: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule] }); }
 }
-SkyDatePipeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDatePipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyDatePipeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDatePipeModule, declarations: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule], exports: [SkyDatePipe, SkyFuzzyDatePipe] });
-SkyDatePipeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDatePipeModule, providers: [SkyDatePipe, SkyFuzzyDatePipe], imports: [CommonModule, SkyDatetimeResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDatePipeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyDatePipe, SkyFuzzyDatePipe],
@@ -18,4 +18,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                     exports: [SkyDatePipe, SkyFuzzyDatePipe],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waXBlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRldGltZS9zcmMvbGliL21vZHVsZXMvZGF0ZS1waXBlL2RhdGUtcGlwZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFRckQsTUFBTSxPQUFPLGlCQUFpQjs7OEdBQWpCLGlCQUFpQjsrR0FBakIsaUJBQWlCLGlCQUxiLFdBQVcsRUFBRSxnQkFBZ0IsYUFFbEMsWUFBWSxFQUFFLDBCQUEwQixhQUN4QyxXQUFXLEVBQUUsZ0JBQWdCOytHQUU1QixpQkFBaUIsYUFKakIsQ0FBQyxXQUFXLEVBQUUsZ0JBQWdCLENBQUMsWUFDaEMsWUFBWSxFQUFFLDBCQUEwQjsyRkFHdkMsaUJBQWlCO2tCQU43QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDO29CQUMxQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsMEJBQTBCLENBQUM7b0JBQ25ELE9BQU8sRUFBRSxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5RGF0ZXRpbWVSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWRhdGV0aW1lLXJlc291cmNlcy5tb2R1bGUnO1xuXG5pbXBvcnQgeyBTa3lEYXRlUGlwZSB9IGZyb20gJy4vZGF0ZS5waXBlJztcbmltcG9ydCB7IFNreUZ1enp5RGF0ZVBpcGUgfSBmcm9tICcuL2Z1enp5LWRhdGUucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreURhdGVQaXBlLCBTa3lGdXp6eURhdGVQaXBlXSxcbiAgcHJvdmlkZXJzOiBbU2t5RGF0ZVBpcGUsIFNreUZ1enp5RGF0ZVBpcGVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lEYXRldGltZVJlc291cmNlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lEYXRlUGlwZSwgU2t5RnV6enlEYXRlUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreURhdGVQaXBlTW9kdWxlIHt9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1waXBlLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRldGltZS9zcmMvbGliL21vZHVsZXMvZGF0ZS1waXBlL2RhdGUtcGlwZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFFckYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUMxQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFRckQsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBTGIsV0FBVyxFQUFFLGdCQUFnQixhQUVsQyxZQUFZLEVBQUUsMEJBQTBCLGFBQ3hDLFdBQVcsRUFBRSxnQkFBZ0I7K0dBRTVCLGlCQUFpQixhQUpqQixDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQyxZQUNoQyxZQUFZLEVBQUUsMEJBQTBCOzsyRkFHdkMsaUJBQWlCO2tCQU43QixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztvQkFDN0MsU0FBUyxFQUFFLENBQUMsV0FBVyxFQUFFLGdCQUFnQixDQUFDO29CQUMxQyxPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsMEJBQTBCLENBQUM7b0JBQ25ELE9BQU8sRUFBRSxDQUFDLFdBQVcsRUFBRSxnQkFBZ0IsQ0FBQztpQkFDekMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5RGF0ZXRpbWVSZXNvdXJjZXNNb2R1bGUgfSBmcm9tICcuLi9zaGFyZWQvc2t5LWRhdGV0aW1lLXJlc291cmNlcy5tb2R1bGUnO1xuXG5pbXBvcnQgeyBTa3lEYXRlUGlwZSB9IGZyb20gJy4vZGF0ZS5waXBlJztcbmltcG9ydCB7IFNreUZ1enp5RGF0ZVBpcGUgfSBmcm9tICcuL2Z1enp5LWRhdGUucGlwZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1NreURhdGVQaXBlLCBTa3lGdXp6eURhdGVQaXBlXSxcbiAgcHJvdmlkZXJzOiBbU2t5RGF0ZVBpcGUsIFNreUZ1enp5RGF0ZVBpcGVdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTa3lEYXRldGltZVJlc291cmNlc01vZHVsZV0sXG4gIGV4cG9ydHM6IFtTa3lEYXRlUGlwZSwgU2t5RnV6enlEYXRlUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIFNreURhdGVQaXBlTW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/modules/date-pipe/date.pipe.mjs

@@ -0,0 +1,67 @@
+import { Pipe } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SkyDateFormatUtility } from './date-format-utility';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/i18n";
+/**
+ * Formats date values according to locale rules.
+ * @example
+ * ```markup
+ * {{ myDate | skyDate }}
+ * {{ myDate | skyDate:'medium' }}
+ * {{ myDate | skyDate:'medium':'en-CA' }}
+ * ```
+ */
+export class SkyDatePipe {
+    #defaultFormat = 'short';
+    #format;
+    #defaultLocale = 'en-US';
+    #locale;
+    #value;
+    #formattedValue;
+    #ngUnsubscribe = new Subject();
+    constructor(localeProvider) {
+        localeProvider
+            .getLocaleInfo()
+            .pipe(takeUntil(this.#ngUnsubscribe))
+            .subscribe((localeInfo) => {
+            this.#defaultLocale = localeInfo.locale;
+            this.#updateFormattedValue();
+        });
+    }
+    ngOnDestroy() {
+        this.#ngUnsubscribe.next();
+        this.#ngUnsubscribe.complete();
+    }
+    /**
+     * Transforms a date value using locale and format rules.
+     * @param value Specifies the date value to transform.
+     * @param format Specifies the format to apply to the transform. The format string is
+     * constructed by a series of symbols that represent date-time values. The symbols are
+     * identical to [Angular's `DatePipe`](https://angular.io/api/common/DatePipe#pre-defined-format-options) format options.
+     * @param locale Specifies the locale code to use in the transform.
+     */
+    transform(value, format, locale) {
+        this.#value = value;
+        this.#format = format;
+        this.#locale = locale;
+        this.#updateFormattedValue();
+        return this.#formattedValue ?? '';
+    }
+    #updateFormattedValue() {
+        const locale = this.#locale || this.#defaultLocale;
+        const format = this.#format || this.#defaultFormat;
+        this.#formattedValue = SkyDateFormatUtility.format(locale, this.#value, format);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipe, deps: [{ token: i1.SkyAppLocaleProvider }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipe, name: "skyDate", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyDate',
+                    pure: false,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyAppLocaleProvider }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2RhdGV0aW1lL3NyYy9saWIvbW9kdWxlcy9kYXRlLXBpcGUvZGF0ZS5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBYSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBRy9ELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDL0IsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7QUFFN0Q7Ozs7Ozs7O0dBUUc7QUFLSCxNQUFNLE9BQU8sV0FBVztJQUN0QixjQUFjLEdBQUcsT0FBTyxDQUFDO0lBRXpCLE9BQU8sQ0FBcUI7SUFFNUIsY0FBYyxHQUFHLE9BQU8sQ0FBQztJQUV6QixPQUFPLENBQXFCO0lBRTVCLE1BQU0sQ0FBTTtJQUVaLGVBQWUsQ0FBcUI7SUFFcEMsY0FBYyxHQUFHLElBQUksT0FBTyxFQUFRLENBQUM7SUFFckMsWUFBWSxjQUFvQztRQUM5QyxjQUFjO2FBQ1gsYUFBYSxFQUFFO2FBQ2YsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7YUFDcEMsU0FBUyxDQUFDLENBQUMsVUFBNEIsRUFBRSxFQUFFO1lBQzFDLElBQUksQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztZQUN4QyxJQUFJLENBQUMscUJBQXFCLEVBQUUsQ0FBQztRQUMvQixDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXO1FBQ2hCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDM0IsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNqQyxDQUFDO0lBRUQ7Ozs7Ozs7T0FPRztJQUNJLFNBQVMsQ0FBQyxLQUFVLEVBQUUsTUFBZSxFQUFFLE1BQWU7UUFDM0QsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDcEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxNQUFNLENBQUM7UUFFdEIsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7UUFFN0IsT0FBTyxJQUFJLENBQUMsZUFBZSxJQUFJLEVBQUUsQ0FBQztJQUNwQyxDQUFDO0lBRUQscUJBQXFCO1FBQ25CLE1BQU0sTUFBTSxHQUFHLElBQUksQ0FBQyxPQUFPLElBQUksSUFBSSxDQUFDLGNBQWMsQ0FBQztRQUNuRCxNQUFNLE1BQU0sR0FBRyxJQUFJLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUM7UUFFbkQsSUFBSSxDQUFDLGVBQWUsR0FBRyxvQkFBb0IsQ0FBQyxNQUFNLENBQ2hELE1BQU0sRUFDTixJQUFJLENBQUMsTUFBTSxFQUNYLE1BQU0sQ0FDUCxDQUFDO0lBQ0osQ0FBQzs4R0F6RFUsV0FBVzs0R0FBWCxXQUFXOzsyRkFBWCxXQUFXO2tCQUp2QixJQUFJO21CQUFDO29CQUNKLElBQUksRUFBRSxTQUFTO29CQUNmLElBQUksRUFBRSxLQUFLO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25EZXN0cm95LCBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTa3lBcHBMb2NhbGVJbmZvLCBTa3lBcHBMb2NhbGVQcm92aWRlciB9IGZyb20gJ0Bza3l1eC9pMThuJztcblxuaW1wb3J0IHsgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5pbXBvcnQgeyBTa3lEYXRlRm9ybWF0VXRpbGl0eSB9IGZyb20gJy4vZGF0ZS1mb3JtYXQtdXRpbGl0eSc7XG5cbi8qKlxuICogRm9ybWF0cyBkYXRlIHZhbHVlcyBhY2NvcmRpbmcgdG8gbG9jYWxlIHJ1bGVzLlxuICogQGV4YW1wbGVcbiAqIGBgYG1hcmt1cFxuICoge3sgbXlEYXRlIHwgc2t5RGF0ZSB9fVxuICoge3sgbXlEYXRlIHwgc2t5RGF0ZTonbWVkaXVtJyB9fVxuICoge3sgbXlEYXRlIHwgc2t5RGF0ZTonbWVkaXVtJzonZW4tQ0EnIH19XG4gKiBgYGBcbiAqL1xuQFBpcGUoe1xuICBuYW1lOiAnc2t5RGF0ZScsXG4gIHB1cmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lEYXRlUGlwZSBpbXBsZW1lbnRzIE9uRGVzdHJveSwgUGlwZVRyYW5zZm9ybSB7XG4gICNkZWZhdWx0Rm9ybWF0ID0gJ3Nob3J0JztcblxuICAjZm9ybWF0OiBzdHJpbmcgfCB1bmRlZmluZWQ7XG5cbiAgI2RlZmF1bHRMb2NhbGUgPSAnZW4tVVMnO1xuXG4gICNsb2NhbGU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjdmFsdWU6IGFueTtcblxuICAjZm9ybWF0dGVkVmFsdWU6IHN0cmluZyB8IHVuZGVmaW5lZDtcblxuICAjbmdVbnN1YnNjcmliZSA9IG5ldyBTdWJqZWN0PHZvaWQ+KCk7XG5cbiAgY29uc3RydWN0b3IobG9jYWxlUHJvdmlkZXI6IFNreUFwcExvY2FsZVByb3ZpZGVyKSB7XG4gICAgbG9jYWxlUHJvdmlkZXJcbiAgICAgIC5nZXRMb2NhbGVJbmZvKClcbiAgICAgIC5waXBlKHRha2VVbnRpbCh0aGlzLiNuZ1Vuc3Vic2NyaWJlKSlcbiAgICAgIC5zdWJzY3JpYmUoKGxvY2FsZUluZm86IFNreUFwcExvY2FsZUluZm8pID0+IHtcbiAgICAgICAgdGhpcy4jZGVmYXVsdExvY2FsZSA9IGxvY2FsZUluZm8ubG9jYWxlO1xuICAgICAgICB0aGlzLiN1cGRhdGVGb3JtYXR0ZWRWYWx1ZSgpO1xuICAgICAgfSk7XG4gIH1cblxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5uZXh0KCk7XG4gICAgdGhpcy4jbmdVbnN1YnNjcmliZS5jb21wbGV0ZSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFRyYW5zZm9ybXMgYSBkYXRlIHZhbHVlIHVzaW5nIGxvY2FsZSBhbmQgZm9ybWF0IHJ1bGVzLlxuICAgKiBAcGFyYW0gdmFsdWUgU3BlY2lmaWVzIHRoZSBkYXRlIHZhbHVlIHRvIHRyYW5zZm9ybS5cbiAgICogQHBhcmFtIGZvcm1hdCBTcGVjaWZpZXMgdGhlIGZvcm1hdCB0byBhcHBseSB0byB0aGUgdHJhbnNmb3JtLiBUaGUgZm9ybWF0IHN0cmluZyBpc1xuICAgKiBjb25zdHJ1Y3RlZCBieSBhIHNlcmllcyBvZiBzeW1ib2xzIHRoYXQgcmVwcmVzZW50IGRhdGUtdGltZSB2YWx1ZXMuIFRoZSBzeW1ib2xzIGFyZVxuICAgKiBpZGVudGljYWwgdG8gW0FuZ3VsYXIncyBgRGF0ZVBpcGVgXShodHRwczovL2FuZ3VsYXIuaW8vYXBpL2NvbW1vbi9EYXRlUGlwZSNwcmUtZGVmaW5lZC1mb3JtYXQtb3B0aW9ucykgZm9ybWF0IG9wdGlvbnMuXG4gICAqIEBwYXJhbSBsb2NhbGUgU3BlY2lmaWVzIHRoZSBsb2NhbGUgY29kZSB0byB1c2UgaW4gdGhlIHRyYW5zZm9ybS5cbiAgICovXG4gIHB1YmxpYyB0cmFuc2Zvcm0odmFsdWU6IGFueSwgZm9ybWF0Pzogc3RyaW5nLCBsb2NhbGU/OiBzdHJpbmcpOiBzdHJpbmcge1xuICAgIHRoaXMuI3ZhbHVlID0gdmFsdWU7XG4gICAgdGhpcy4jZm9ybWF0ID0gZm9ybWF0O1xuICAgIHRoaXMuI2xvY2FsZSA9IGxvY2FsZTtcblxuICAgIHRoaXMuI3VwZGF0ZUZvcm1hdHRlZFZhbHVlKCk7XG5cbiAgICByZXR1cm4gdGhpcy4jZm9ybWF0dGVkVmFsdWUgPz8gJyc7XG4gIH1cblxuICAjdXBkYXRlRm9ybWF0dGVkVmFsdWUoKTogdm9pZCB7XG4gICAgY29uc3QgbG9jYWxlID0gdGhpcy4jbG9jYWxlIHx8IHRoaXMuI2RlZmF1bHRMb2NhbGU7XG4gICAgY29uc3QgZm9ybWF0ID0gdGhpcy4jZm9ybWF0IHx8IHRoaXMuI2RlZmF1bHRGb3JtYXQ7XG5cbiAgICB0aGlzLiNmb3JtYXR0ZWRWYWx1ZSA9IFNreURhdGVGb3JtYXRVdGlsaXR5LmZvcm1hdChcbiAgICAgIGxvY2FsZSxcbiAgICAgIHRoaXMuI3ZhbHVlLFxuICAgICAgZm9ybWF0XG4gICAgKTtcbiAgfVxufVxuIl19

package/esm2022/lib/modules/date-pipe/fuzzy-date.pipe.mjs

@@ -0,0 +1,47 @@
+import { Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "../datepicker/fuzzy-date.service";
+/**
+ * Formats date values using two or more date tokens that represent the day, month,
+ * and year. The tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
+ * @example
+ * ```markup
+ * {{ myFuzzyDate | skyFuzzyDate:'MMM Y' }}
+ * {{ myFuzzyDate | skyFuzzyDate:'MMM Y':'en-CA' }}
+ * ```
+ */
+export class SkyFuzzyDatePipe {
+    #fuzzyDateService;
+    constructor(fuzzyDateService) {
+        this.#fuzzyDateService = fuzzyDateService;
+    }
+    /**
+     * Transforms fuzzy date values using two or more date tokens that represent the day, month,
+     * and year.
+     * @param value Specifies the date value to transform.
+     * @param format Specifies the format to apply to the transform. You construct the format
+     * string with a two or more tokens that specify the components of date-time value. The
+     * tokens are described in the [moment.js values](https://momentjs.com/docs/#/displaying/).
+     * If you don't provide a format, `SkyFuzzyDatePipe` attempts to format fuzzy dates based
+     * on the browser's default locale.
+     * @param locale Specifies the locale code to use in the transform.
+     */
+    transform(value, format, locale) {
+        if (!value) {
+            return '';
+        }
+        const fuzzyDateFormat = format || this.#fuzzyDateService.getLocaleShortFormat(locale);
+        const fuzzyDateLocale = locale || this.#fuzzyDateService.getCurrentLocale();
+        return this.#fuzzyDateService.format(value, fuzzyDateFormat, fuzzyDateLocale);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyFuzzyDatePipe, deps: [{ token: i1.SkyFuzzyDateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyFuzzyDatePipe, name: "skyFuzzyDate", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyFuzzyDatePipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'skyFuzzyDate',
+                    pure: false,
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyFuzzyDateService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZnV6enktZGF0ZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9jb21wb25lbnRzL2RhdGV0aW1lL3NyYy9saWIvbW9kdWxlcy9kYXRlLXBpcGUvZnV6enktZGF0ZS5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOzs7QUFLcEQ7Ozs7Ozs7O0dBUUc7QUFLSCxNQUFNLE9BQU8sZ0JBQWdCO0lBQzNCLGlCQUFpQixDQUFzQjtJQUV2QyxZQUFZLGdCQUFxQztRQUMvQyxJQUFJLENBQUMsaUJBQWlCLEdBQUcsZ0JBQWdCLENBQUM7SUFDNUMsQ0FBQztJQUVEOzs7Ozs7Ozs7O09BVUc7SUFDSSxTQUFTLENBQ2QsS0FBbUIsRUFDbkIsTUFBZSxFQUNmLE1BQWU7UUFFZixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxFQUFFLENBQUM7U0FDWDtRQUNELE1BQU0sZUFBZSxHQUNuQixNQUFNLElBQUksSUFBSSxDQUFDLGlCQUFpQixDQUFDLG9CQUFvQixDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2hFLE1BQU0sZUFBZSxHQUFHLE1BQU0sSUFBSSxJQUFJLENBQUMsaUJBQWlCLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztRQUM1RSxPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxNQUFNLENBQ2xDLEtBQUssRUFDTCxlQUFlLEVBQ2YsZUFBZSxDQUNoQixDQUFDO0lBQ0osQ0FBQzs4R0FsQ1UsZ0JBQWdCOzRHQUFoQixnQkFBZ0I7OzJGQUFoQixnQkFBZ0I7a0JBSjVCLElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLGNBQWM7b0JBQ3BCLElBQUksRUFBRSxLQUFLO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBTa3lGdXp6eURhdGUgfSBmcm9tICcuLi9kYXRlcGlja2VyL2Z1enp5LWRhdGUnO1xuaW1wb3J0IHsgU2t5RnV6enlEYXRlU2VydmljZSB9IGZyb20gJy4uL2RhdGVwaWNrZXIvZnV6enktZGF0ZS5zZXJ2aWNlJztcblxuLyoqXG4gKiBGb3JtYXRzIGRhdGUgdmFsdWVzIHVzaW5nIHR3byBvciBtb3JlIGRhdGUgdG9rZW5zIHRoYXQgcmVwcmVzZW50IHRoZSBkYXksIG1vbnRoLFxuICogYW5kIHllYXIuIFRoZSB0b2tlbnMgYXJlIGRlc2NyaWJlZCBpbiB0aGUgW21vbWVudC5qcyB2YWx1ZXNdKGh0dHBzOi8vbW9tZW50anMuY29tL2RvY3MvIy9kaXNwbGF5aW5nLykuXG4gKiBAZXhhbXBsZVxuICogYGBgbWFya3VwXG4gKiB7eyBteUZ1enp5RGF0ZSB8IHNreUZ1enp5RGF0ZTonTU1NIFknIH19XG4gKiB7eyBteUZ1enp5RGF0ZSB8IHNreUZ1enp5RGF0ZTonTU1NIFknOidlbi1DQScgfX1cbiAqIGBgYFxuICovXG5AUGlwZSh7XG4gIG5hbWU6ICdza3lGdXp6eURhdGUnLFxuICBwdXJlOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RnV6enlEYXRlUGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICAjZnV6enlEYXRlU2VydmljZTogU2t5RnV6enlEYXRlU2VydmljZTtcblxuICBjb25zdHJ1Y3RvcihmdXp6eURhdGVTZXJ2aWNlOiBTa3lGdXp6eURhdGVTZXJ2aWNlKSB7XG4gICAgdGhpcy4jZnV6enlEYXRlU2VydmljZSA9IGZ1enp5RGF0ZVNlcnZpY2U7XG4gIH1cblxuICAvKipcbiAgICogVHJhbnNmb3JtcyBmdXp6eSBkYXRlIHZhbHVlcyB1c2luZyB0d28gb3IgbW9yZSBkYXRlIHRva2VucyB0aGF0IHJlcHJlc2VudCB0aGUgZGF5LCBtb250aCxcbiAgICogYW5kIHllYXIuXG4gICAqIEBwYXJhbSB2YWx1ZSBTcGVjaWZpZXMgdGhlIGRhdGUgdmFsdWUgdG8gdHJhbnNmb3JtLlxuICAgKiBAcGFyYW0gZm9ybWF0IFNwZWNpZmllcyB0aGUgZm9ybWF0IHRvIGFwcGx5IHRvIHRoZSB0cmFuc2Zvcm0uIFlvdSBjb25zdHJ1Y3QgdGhlIGZvcm1hdFxuICAgKiBzdHJpbmcgd2l0aCBhIHR3byBvciBtb3JlIHRva2VucyB0aGF0IHNwZWNpZnkgdGhlIGNvbXBvbmVudHMgb2YgZGF0ZS10aW1lIHZhbHVlLiBUaGVcbiAgICogdG9rZW5zIGFyZSBkZXNjcmliZWQgaW4gdGhlIFttb21lbnQuanMgdmFsdWVzXShodHRwczovL21vbWVudGpzLmNvbS9kb2NzLyMvZGlzcGxheWluZy8pLlxuICAgKiBJZiB5b3UgZG9uJ3QgcHJvdmlkZSBhIGZvcm1hdCwgYFNreUZ1enp5RGF0ZVBpcGVgIGF0dGVtcHRzIHRvIGZvcm1hdCBmdXp6eSBkYXRlcyBiYXNlZFxuICAgKiBvbiB0aGUgYnJvd3NlcidzIGRlZmF1bHQgbG9jYWxlLlxuICAgKiBAcGFyYW0gbG9jYWxlIFNwZWNpZmllcyB0aGUgbG9jYWxlIGNvZGUgdG8gdXNlIGluIHRoZSB0cmFuc2Zvcm0uXG4gICAqL1xuICBwdWJsaWMgdHJhbnNmb3JtKFxuICAgIHZhbHVlOiBTa3lGdXp6eURhdGUsXG4gICAgZm9ybWF0Pzogc3RyaW5nLFxuICAgIGxvY2FsZT86IHN0cmluZ1xuICApOiBzdHJpbmcge1xuICAgIGlmICghdmFsdWUpIHtcbiAgICAgIHJldHVybiAnJztcbiAgICB9XG4gICAgY29uc3QgZnV6enlEYXRlRm9ybWF0ID1cbiAgICAgIGZvcm1hdCB8fCB0aGlzLiNmdXp6eURhdGVTZXJ2aWNlLmdldExvY2FsZVNob3J0Rm9ybWF0KGxvY2FsZSk7XG4gICAgY29uc3QgZnV6enlEYXRlTG9jYWxlID0gbG9jYWxlIHx8IHRoaXMuI2Z1enp5RGF0ZVNlcnZpY2UuZ2V0Q3VycmVudExvY2FsZSgpO1xuICAgIHJldHVybiB0aGlzLiNmdXp6eURhdGVTZXJ2aWNlLmZvcm1hdChcbiAgICAgIHZhbHVlLFxuICAgICAgZnV6enlEYXRlRm9ybWF0LFxuICAgICAgZnV6enlEYXRlTG9jYWxlXG4gICAgKTtcbiAgfVxufVxuIl19

package/{esm2020 → esm2022}/lib/modules/date-range-picker/date-range-picker-end-date-resource-key.pipe.mjs

@@ -8,13 +8,13 @@ export class SkyDateRangePickerEndDateResourceKeyPipe {
         }
         return 'skyux_date_range_picker_before_date_label';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDateRangePickerEndDateResourceKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyDateRangePickerEndDateResourceKeyPipe, name: "skyDateRangePickerEndDateResourceKey" }); }
 }
-SkyDateRangePickerEndDateResourceKeyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDateRangePickerEndDateResourceKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkyDateRangePickerEndDateResourceKeyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDateRangePickerEndDateResourceKeyPipe, name: "skyDateRangePickerEndDateResourceKey" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDateRangePickerEndDateResourceKeyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDateRangePickerEndDateResourceKeyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'skyDateRangePickerEndDateResourceKey',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1waWNrZXItZW5kLWRhdGUtcmVzb3VyY2Uta2V5LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0ZXRpbWUvc3JjL2xpYi9tb2R1bGVzL2RhdGUtcmFuZ2UtcGlja2VyL2RhdGUtcmFuZ2UtcGlja2VyLWVuZC1kYXRlLXJlc291cmNlLWtleS5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBRXBELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQUtoRixNQUFNLE9BQU8sd0NBQXdDO0lBQzVDLFNBQVMsQ0FDZCxjQUFzRDtRQUV0RCxJQUFJLGNBQWMsS0FBSywwQkFBMEIsQ0FBQyxLQUFLLEVBQUU7WUFDdkQsT0FBTyx3Q0FBd0MsQ0FBQztTQUNqRDtRQUVELE9BQU8sMkNBQTJDLENBQUM7SUFDckQsQ0FBQzs7cUlBVFUsd0NBQXdDO21JQUF4Qyx3Q0FBd0M7MkZBQXhDLHdDQUF3QztrQkFIcEQsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsc0NBQXNDO2lCQUM3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5RGF0ZVJhbmdlQ2FsY3VsYXRvclR5cGUgfSBmcm9tICcuL3R5cGVzL2RhdGUtcmFuZ2UtY2FsY3VsYXRvci10eXBlJztcblxuQFBpcGUoe1xuICBuYW1lOiAnc2t5RGF0ZVJhbmdlUGlja2VyRW5kRGF0ZVJlc291cmNlS2V5Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RGF0ZVJhbmdlUGlja2VyRW5kRGF0ZVJlc291cmNlS2V5UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICBwdWJsaWMgdHJhbnNmb3JtKFxuICAgIGNhbGN1bGF0b3JUeXBlOiBTa3lEYXRlUmFuZ2VDYWxjdWxhdG9yVHlwZSB8IHVuZGVmaW5lZFxuICApOiBzdHJpbmcge1xuICAgIGlmIChjYWxjdWxhdG9yVHlwZSA9PT0gU2t5RGF0ZVJhbmdlQ2FsY3VsYXRvclR5cGUuUmFuZ2UpIHtcbiAgICAgIHJldHVybiAnc2t5dXhfZGF0ZV9yYW5nZV9waWNrZXJfZW5kX2RhdGVfbGFiZWwnO1xuICAgIH1cblxuICAgIHJldHVybiAnc2t5dXhfZGF0ZV9yYW5nZV9waWNrZXJfYmVmb3JlX2RhdGVfbGFiZWwnO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1waWNrZXItZW5kLWRhdGUtcmVzb3VyY2Uta2V5LnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2NvbXBvbmVudHMvZGF0ZXRpbWUvc3JjL2xpYi9tb2R1bGVzL2RhdGUtcmFuZ2UtcGlja2VyL2RhdGUtcmFuZ2UtcGlja2VyLWVuZC1kYXRlLXJlc291cmNlLWtleS5waXBlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDO0FBRXBELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9DQUFvQyxDQUFDOztBQUtoRixNQUFNLE9BQU8sd0NBQXdDO0lBQzVDLFNBQVMsQ0FDZCxjQUFzRDtRQUV0RCxJQUFJLGNBQWMsS0FBSywwQkFBMEIsQ0FBQyxLQUFLLEVBQUU7WUFDdkQsT0FBTyx3Q0FBd0MsQ0FBQztTQUNqRDtRQUVELE9BQU8sMkNBQTJDLENBQUM7SUFDckQsQ0FBQzs4R0FUVSx3Q0FBd0M7NEdBQXhDLHdDQUF3Qzs7MkZBQXhDLHdDQUF3QztrQkFIcEQsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsc0NBQXNDO2lCQUM3QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFBpcGUsIFBpcGVUcmFuc2Zvcm0gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgU2t5RGF0ZVJhbmdlQ2FsY3VsYXRvclR5cGUgfSBmcm9tICcuL3R5cGVzL2RhdGUtcmFuZ2UtY2FsY3VsYXRvci10eXBlJztcblxuQFBpcGUoe1xuICBuYW1lOiAnc2t5RGF0ZVJhbmdlUGlja2VyRW5kRGF0ZVJlc291cmNlS2V5Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RGF0ZVJhbmdlUGlja2VyRW5kRGF0ZVJlc291cmNlS2V5UGlwZSBpbXBsZW1lbnRzIFBpcGVUcmFuc2Zvcm0ge1xuICBwdWJsaWMgdHJhbnNmb3JtKFxuICAgIGNhbGN1bGF0b3JUeXBlOiBTa3lEYXRlUmFuZ2VDYWxjdWxhdG9yVHlwZSB8IHVuZGVmaW5lZFxuICApOiBzdHJpbmcge1xuICAgIGlmIChjYWxjdWxhdG9yVHlwZSA9PT0gU2t5RGF0ZVJhbmdlQ2FsY3VsYXRvclR5cGUuUmFuZ2UpIHtcbiAgICAgIHJldHVybiAnc2t5dXhfZGF0ZV9yYW5nZV9waWNrZXJfZW5kX2RhdGVfbGFiZWwnO1xuICAgIH1cblxuICAgIHJldHVybiAnc2t5dXhfZGF0ZV9yYW5nZV9waWNrZXJfYmVmb3JlX2RhdGVfbGFiZWwnO1xuICB9XG59XG4iXX0=

package/{esm2020 → esm2022}/lib/modules/date-range-picker/date-range-picker-start-date-resource-key.pipe.mjs

@@ -8,13 +8,13 @@ export class SkyDateRangePickerStartDateResourceKeyPipe {
         }
         return 'skyux_date_range_picker_after_date_label';
     }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDateRangePickerStartDateResourceKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "16.1.7", ngImport: i0, type: SkyDateRangePickerStartDateResourceKeyPipe, name: "skyDateRangePickerStartDateResourceKey" }); }
 }
-SkyDateRangePickerStartDateResourceKeyPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDateRangePickerStartDateResourceKeyPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-SkyDateRangePickerStartDateResourceKeyPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.9", ngImport: i0, type: SkyDateRangePickerStartDateResourceKeyPipe, name: "skyDateRangePickerStartDateResourceKey" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: SkyDateRangePickerStartDateResourceKeyPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.7", ngImport: i0, type: SkyDateRangePickerStartDateResourceKeyPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'skyDateRangePickerStartDateResourceKey',
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1waWNrZXItc3RhcnQtZGF0ZS1yZXNvdXJjZS1rZXkucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRldGltZS9zcmMvbGliL21vZHVsZXMvZGF0ZS1yYW5nZS1waWNrZXIvZGF0ZS1yYW5nZS1waWNrZXItc3RhcnQtZGF0ZS1yZXNvdXJjZS1rZXkucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUVwRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFLaEYsTUFBTSxPQUFPLDBDQUEwQztJQUc5QyxTQUFTLENBQ2QsY0FBc0Q7UUFFdEQsSUFBSSxjQUFjLEtBQUssMEJBQTBCLENBQUMsS0FBSyxFQUFFO1lBQ3ZELE9BQU8sMENBQTBDLENBQUM7U0FDbkQ7UUFFRCxPQUFPLDBDQUEwQyxDQUFDO0lBQ3BELENBQUM7O3VJQVhVLDBDQUEwQztxSUFBMUMsMENBQTBDOzJGQUExQywwQ0FBMEM7a0JBSHRELElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLHdDQUF3QztpQkFDL0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreURhdGVSYW5nZUNhbGN1bGF0b3JUeXBlIH0gZnJvbSAnLi90eXBlcy9kYXRlLXJhbmdlLWNhbGN1bGF0b3ItdHlwZSc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3NreURhdGVSYW5nZVBpY2tlclN0YXJ0RGF0ZVJlc291cmNlS2V5Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RGF0ZVJhbmdlUGlja2VyU3RhcnREYXRlUmVzb3VyY2VLZXlQaXBlXG4gIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybVxue1xuICBwdWJsaWMgdHJhbnNmb3JtKFxuICAgIGNhbGN1bGF0b3JUeXBlOiBTa3lEYXRlUmFuZ2VDYWxjdWxhdG9yVHlwZSB8IHVuZGVmaW5lZFxuICApOiBzdHJpbmcge1xuICAgIGlmIChjYWxjdWxhdG9yVHlwZSA9PT0gU2t5RGF0ZVJhbmdlQ2FsY3VsYXRvclR5cGUuUmFuZ2UpIHtcbiAgICAgIHJldHVybiAnc2t5dXhfZGF0ZV9yYW5nZV9waWNrZXJfc3RhcnRfZGF0ZV9sYWJlbCc7XG4gICAgfVxuXG4gICAgcmV0dXJuICdza3l1eF9kYXRlX3JhbmdlX3BpY2tlcl9hZnRlcl9kYXRlX2xhYmVsJztcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZS1yYW5nZS1waWNrZXItc3RhcnQtZGF0ZS1yZXNvdXJjZS1rZXkucGlwZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvY29tcG9uZW50cy9kYXRldGltZS9zcmMvbGliL21vZHVsZXMvZGF0ZS1yYW5nZS1waWNrZXIvZGF0ZS1yYW5nZS1waWNrZXItc3RhcnQtZGF0ZS1yZXNvdXJjZS1rZXkucGlwZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsSUFBSSxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUVwRCxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7QUFLaEYsTUFBTSxPQUFPLDBDQUEwQztJQUc5QyxTQUFTLENBQ2QsY0FBc0Q7UUFFdEQsSUFBSSxjQUFjLEtBQUssMEJBQTBCLENBQUMsS0FBSyxFQUFFO1lBQ3ZELE9BQU8sMENBQTBDLENBQUM7U0FDbkQ7UUFFRCxPQUFPLDBDQUEwQyxDQUFDO0lBQ3BELENBQUM7OEdBWFUsMENBQTBDOzRHQUExQywwQ0FBMEM7OzJGQUExQywwQ0FBMEM7a0JBSHRELElBQUk7bUJBQUM7b0JBQ0osSUFBSSxFQUFFLHdDQUF3QztpQkFDL0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBQaXBlLCBQaXBlVHJhbnNmb3JtIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IFNreURhdGVSYW5nZUNhbGN1bGF0b3JUeXBlIH0gZnJvbSAnLi90eXBlcy9kYXRlLXJhbmdlLWNhbGN1bGF0b3ItdHlwZSc7XG5cbkBQaXBlKHtcbiAgbmFtZTogJ3NreURhdGVSYW5nZVBpY2tlclN0YXJ0RGF0ZVJlc291cmNlS2V5Jyxcbn0pXG5leHBvcnQgY2xhc3MgU2t5RGF0ZVJhbmdlUGlja2VyU3RhcnREYXRlUmVzb3VyY2VLZXlQaXBlXG4gIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybVxue1xuICBwdWJsaWMgdHJhbnNmb3JtKFxuICAgIGNhbGN1bGF0b3JUeXBlOiBTa3lEYXRlUmFuZ2VDYWxjdWxhdG9yVHlwZSB8IHVuZGVmaW5lZFxuICApOiBzdHJpbmcge1xuICAgIGlmIChjYWxjdWxhdG9yVHlwZSA9PT0gU2t5RGF0ZVJhbmdlQ2FsY3VsYXRvclR5cGUuUmFuZ2UpIHtcbiAgICAgIHJldHVybiAnc2t5dXhfZGF0ZV9yYW5nZV9waWNrZXJfc3RhcnRfZGF0ZV9sYWJlbCc7XG4gICAgfVxuXG4gICAgcmV0dXJuICdza3l1eF9kYXRlX3JhbmdlX3BpY2tlcl9hZnRlcl9kYXRlX2xhYmVsJztcbiAgfVxufVxuIl19