@refinitiv-ui/elements 7.10.6 → 7.10.7

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [7.10.7](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.10.6...@refinitiv-ui/elements@7.10.7) (2024-03-12)
+
+### Bug Fixes
+
+- **datetime-picker:** validate values for weekendsonly and weekdaysonly ([#1117](https://github.com/Refinitiv/refinitiv-ui/issues/1117)) ([0898814](https://github.com/Refinitiv/refinitiv-ui/commit/089881482effc70cf9e2b47f3148b44140ce37a2))
+
 ## [7.10.6](https://github.com/Refinitiv/refinitiv-ui/compare/@refinitiv-ui/elements@7.10.5...@refinitiv-ui/elements@7.10.6) (2024-02-27)
 
 **Note:** Version bump only for package @refinitiv-ui/elements

package/lib/datetime-picker/index.d.ts

@@ -427,6 +427,11 @@ export declare class DatetimePicker extends FormFieldElement implements MultiVal
      * @returns true if `from` is before or the same as `to`
      */
     private isFromBeforeTo;
+    /**
+     * Check if `values` correspond to dates that are allowed within the conditions of weekdays or weekends
+     * @returns false if `values` don't correspond to dates that are allowed within the conditions of weekdays or weekends.
+     */
+    private isValidDay;
     /**
      * Check if datetime picker has an error
      * @returns true if error

package/lib/datetime-picker/index.js

@@ -8,7 +8,7 @@ import { property } from '@refinitiv-ui/core/decorators/property.js';
 import { query } from '@refinitiv-ui/core/decorators/query.js';
 import '@refinitiv-ui/phrasebook/locale/en/datetime-picker.js';
 import { TranslatePropertyKey, getLocale, translate } from '@refinitiv-ui/translate';
-import { DateFormat, DateTimeFormat, addMonths, format, isAfter, isBefore, isValidDate, isValidDateTime, parse, subMonths } from '@refinitiv-ui/utils/date.js';
+import { DateFormat, DateTimeFormat, addMonths, format, isAfter, isBefore, isValidDate, isValidDateTime, isWeekend, parse, subMonths } from '@refinitiv-ui/utils/date.js';
 import '../calendar/index.js';
 import '../icon/index.js';
 import '../overlay/index.js';
@@ -442,7 +442,9 @@ let DatetimePicker = class DatetimePicker extends FormFieldElement {
         if ((changedProperties.has('_values') && changedProperties.get('_values') !== undefined) ||
             (changedProperties.has('min') && changedProperties.get('min') !== undefined) ||
             (changedProperties.has('max') && changedProperties.get('max') !== undefined) ||
-            (changedProperties.has('showSeconds') && changedProperties.get('showSeconds') !== undefined)) {
+            (changedProperties.has('showSeconds') && changedProperties.get('showSeconds') !== undefined) ||
+            (changedProperties.has('weekdaysOnly') && changedProperties.get('weekdaysOnly') !== undefined) ||
+            (changedProperties.has('weekendsOnly') && changedProperties.get('weekendsOnly') !== undefined)) {
             return true;
         }
         return false;
@@ -893,12 +895,30 @@ let DatetimePicker = class DatetimePicker extends FormFieldElement {
         }
         return true;
     }
+    /**
+     * Check if `values` correspond to dates that are allowed within the conditions of weekdays or weekends
+     * @returns false if `values` don't correspond to dates that are allowed within the conditions of weekdays or weekends.
+     */
+    isValidDay() {
+        for (const value of this.values) {
+            if (this.weekdaysOnly && isWeekend(value)) {
+                return false;
+            }
+            if (this.weekendsOnly && !isWeekend(value)) {
+                return false;
+            }
+        }
+        return true;
+    }
     /**
      * Check if datetime picker has an error
      * @returns true if error
      */
     hasError() {
-        return !(this.isValidFormat() && this.isValueWithinMinMax() && this.isFromBeforeTo());
+        return !(this.isValidFormat() &&
+            this.isValueWithinMinMax() &&
+            this.isFromBeforeTo() &&
+            this.isValidDay());
     }
     /**
      * Toggles the opened state of the list

package/lib/version.js

@@ -1 +1 @@
-export const VERSION = '7.10.6';
+export const VERSION = '7.10.7';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@refinitiv-ui/elements",
-  "version": "7.10.6",
+  "version": "7.10.7",
   "description": "Element Framework Elements",
   "author": "LSEG",
   "license": "Apache-2.0",
@@ -344,7 +344,7 @@
     "@lit-labs/context": "^0.3.1",
     "@refinitiv-ui/halo-theme": "^7.3.5",
     "@refinitiv-ui/solar-theme": "^7.2.6",
-    "chart.js": "^4.3.0",
+    "chart.js": "^4.4.2",
     "chartjs-adapter-date-fns": "^3.0.0",
     "d3-interpolate": "^3.0.1",
     "date-fns": "^2.29.3",
@@ -373,5 +373,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "117edaaf144ec73b9e45ab5b03c90d67100d13b2"
+  "gitHead": "95774e711a8ad9898e4cb12aa97e050622d593ac"
 }