@semcore/date-picker 4.20.1 → 4.21.1-prerelease.1

package/lib/types/index.d.ts

@@ -195,6 +195,14 @@ export type DateRangePickerProps = DropdownProps &
      * To be activated upon selecting the date
      * */
     onHighlightedChange?: (date: Date[]) => void;
+    /**
+     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.
+     */
+    preselectedValue?: DateConstructorParams[];
+    /**
+     * Normally called when user preselects a date range and when user applies this range.
+     */
+    onPreselectedValueChange?: (date: Date[]) => void;
     /**
      * Array of periods
      * [{value: [new Date(), new Date()], children: "Today"}]
@@ -264,7 +272,7 @@ export type DatePickerHandlers = {
 
 /** @deprecated */
 export interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}
-type BaseInputTriggerProps = InputProps & {
+export type BaseInputTriggerProps = InputProps & {
   /**
    * Date input placeholder characters
    * @default { year: 'Y'; month: 'M'; day: 'D' }
@@ -527,6 +535,38 @@ export type DateRangeComparatorProps = DropdownProps &
      * To be activated upon selecting the date
      * */
     onCompareHighlightedChange?: (date: Date[]) => void;
+    /**
+     * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.
+     */
+    preselectedValue?: DateConstructorParams[];
+    /**
+     * Normally called when user preselects a date range and when user applies this range.
+     */
+    onPreselectedValueChange?: (date: Date[]) => void;
+    /**
+     * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.
+     */
+    preselectedCompare?: DateConstructorParams[];
+    /**
+     * Normally called when user preselects a compare range and when user applies ranges.
+     */
+    onPreselectedCompareChange?: (date: Date[]) => void;
+    /**
+     * Controls that compare range input is enabled.
+     */
+    compareToggle?: boolean;
+    /**
+     * Toggles when compare range input enables or disables.
+     */
+    onCompareToggleChange?: (compareToggle: boolean) => void;
+    /**
+     * Controls which date range is focused.
+     */
+    focusedRange?: 'value' | 'compare';
+    /**
+     * Called when user focuses or is focused on some of the date ranges.
+     */
+    onFocusedRangeChange?: (focusedRange: 'value' | 'compare') => void;
     /**
      * Remove the 'Reset' button
      * */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "4.20.1",
+  "version": "4.21.1-prerelease.1",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -9,22 +9,22 @@
   "author": "UI-kit team <ui-kit-team@semrush.com>",
   "license": "MIT",
   "dependencies": {
-    "@semcore/utils": "4.15.0",
-    "@semcore/base-trigger": "4.19.0",
-    "@semcore/button": "5.14.0",
-    "@semcore/divider": "4.13.0",
-    "@semcore/dropdown": "4.13.0",
-    "@semcore/flex-box": "5.13.0",
-    "@semcore/icon": "4.19.0",
-    "@semcore/input": "4.15.0",
-    "@semcore/input-mask": "5.15.0",
-    "@semcore/neighbor-location": "4.12.0",
-    "@semcore/typography": "5.20.0",
-    "@semcore/checkbox": "7.16.1",
+    "@semcore/utils": "4.15.1-prerelease.1",
+    "@semcore/base-trigger": "4.19.1-prerelease.1",
+    "@semcore/button": "5.14.1-prerelease.1",
+    "@semcore/divider": "4.13.1-prerelease.1",
+    "@semcore/dropdown": "4.13.2-prerelease.1",
+    "@semcore/flex-box": "5.13.1-prerelease.1",
+    "@semcore/icon": "4.19.1-prerelease.1",
+    "@semcore/input": "4.15.1-prerelease.1",
+    "@semcore/input-mask": "5.15.2-prerelease.1",
+    "@semcore/neighbor-location": "4.12.1-prerelease.1",
+    "@semcore/typography": "5.20.1-prerelease.1",
+    "@semcore/checkbox": "7.16.2-prerelease.1",
     "dayjs": "1.8.36"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.12.0",
+    "@semcore/core": "^2.12.1-prerelease.1",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },