@skyux/datetime 5.8.2 → 5.8.3

package/documentation.json

@@ -10284,7 +10284,7 @@
     {
       "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=\"reactiveRange.errors.skyDateRange?.errors.endDateBeforeStartDate\"\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-default\"\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-default\"\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-default\"\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-default\"\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-default\"\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-default\"\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\n</button>\n"
+      "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=\"reactiveRange.errors.skyDateRange?.errors.endDateBeforeStartDate\"\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-default\"\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-default\"\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-default\"\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-default\"\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-default\"\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-default\"\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": "date-range-picker-demo.component.ts",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/datetime",
-  "version": "5.8.2",
+  "version": "5.8.3",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -20,13 +20,13 @@
     "@angular/core": "^12.2.16",
     "@angular/forms": "^12.2.16",
     "@angular/platform-browser": "^12.2.16",
-    "@skyux-sdk/testing": "5.8.2",
-    "@skyux/core": "5.8.2",
-    "@skyux/forms": "5.8.2",
-    "@skyux/i18n": "5.8.2",
-    "@skyux/indicators": "5.8.2",
-    "@skyux/popovers": "5.8.2",
-    "@skyux/theme": "5.8.2"
+    "@skyux-sdk/testing": "5.8.3",
+    "@skyux/core": "5.8.3",
+    "@skyux/forms": "5.8.3",
+    "@skyux/i18n": "5.8.3",
+    "@skyux/indicators": "5.8.3",
+    "@skyux/popovers": "5.8.3",
+    "@skyux/theme": "5.8.3"
   },
   "dependencies": {
     "moment": "2.29.1",