@semcore/date-picker 4.57.2-prerelease.0 → 4.58.0-prerelease.0

package/lib/esm/utils/isBetweenPlugin.mjs

@@ -0,0 +1,13 @@
+const isBetween = (function(_o, c, d) {
+  c.prototype.isBetween = function(a, b, u, i) {
+    var dA = d(a);
+    var dB = d(b);
+    i = i || "()";
+    var dAi = i[0] === "(";
+    var dBi = i[1] === ")";
+    return (dAi ? this.isAfter(dA, u) : !this.isBefore(dA, u)) && (dBi ? this.isBefore(dB, u) : !this.isAfter(dB, u)) || (dAi ? this.isBefore(dA, u) : !this.isAfter(dA, u)) && (dBi ? this.isAfter(dB, u) : !this.isBefore(dB, u));
+  };
+});
+export {
+  isBetween as default
+};

package/lib/esm/utils/shortDateRangeFormat.mjs

@@ -44,8 +44,7 @@ function shortDateRangeFormat(dates, _ref) {
       }).format(normalizeDates[0]), " ").concat(normalizeDates[0].getFullYear());
     }
     if (isSimilarYear) {
-      options.year;
-      var newOptions = _objectWithoutProperties(options, _excluded2);
+      var _year = options.year, newOptions = _objectWithoutProperties(options, _excluded2);
       if (getDayJSLocale(locale) === "en") {
         return "".concat(new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[0]), "-").concat(new Intl.DateTimeFormat(locale, newOptions).format(normalizeDates[1]), ", ").concat(normalizeDates[0].getFullYear());
       }

package/lib/types/index.d.ts

@@ -1,17 +1,21 @@
-import React, { ChangeEvent, ComponentProps } from 'react';
-import dayjs from 'dayjs';
-import { Flex, Box, BoxProps } from '@semcore/flex-box';
-import { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';
-import Button, { ButtonProps } from '@semcore/button';
-import Divider from '@semcore/divider';
-import { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
-import { WithI18nEnhanceProps } from '@semcore/utils/lib/enhances/i18nEnhance';
-import BaseTrigger, { BaseTriggerProps } from '@semcore/base-trigger';
-import Input, { InputProps, InputValueProps } from '@semcore/input';
-import { InputMaskValueProps } from '@semcore/input-mask';
-import Checkbox from '@semcore/checkbox';
-import { TooltipProps } from '@semcore/tooltip';
-import Popper from '@semcore/popper';
+import type { Flex, Box, BoxProps } from '@semcore/base-components';
+import type Popper from '@semcore/base-components';
+import type { BaseTriggerProps } from '@semcore/base-trigger';
+import type BaseTrigger from '@semcore/base-trigger';
+import type { ButtonProps } from '@semcore/button';
+import type Button from '@semcore/button';
+import type Checkbox from '@semcore/checkbox';
+import type { UnknownProperties, Intergalactic, PropGetterFn } from '@semcore/core';
+import type { WithI18nEnhanceProps } from '@semcore/core/lib/utils/enhances/i18nEnhance';
+import type Divider from '@semcore/divider';
+import type { DropdownProps, DropdownTriggerProps } from '@semcore/dropdown';
+import type { InputProps, InputValueProps } from '@semcore/input';
+import type Input from '@semcore/input';
+import type { InputMaskValueProps } from '@semcore/input-mask';
+import type { TooltipProps } from '@semcore/tooltip';
+import type dayjs from 'dayjs';
+import type { ChangeEvent } from 'react';
+import type React from 'react';
 
 export type DateConstructorParams = string | number | Date;
 
@@ -21,8 +25,6 @@ export type DateConstructorParams = string | number | Date;
  * */
 export type DisabledDates = (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
 
-/** @deprecated */
-export interface ICalendarProps extends CalendarProps, UnknownProperties {}
 export type CalendarProps = BoxProps & {
   /**
    * Locale for displaying the days of a week and months, to be transferred to `Intl`
@@ -33,13 +35,9 @@ export type CalendarProps = BoxProps & {
    * Array of dates blocked for selection
    */
   disabled?: DisabledDates;
-  /**
-   * @ignore
-   * */
+  /** Internal */
   highlighted?: DateConstructorParams[];
-  /**
-   * @ignore
-   * */
+  /** Internal */
   onHighlightedChange?: (date: Date[]) => void;
   /**
    * The selected date, accepts everything which is accepted by `new Date()`
@@ -54,40 +52,43 @@ export type CalendarProps = BoxProps & {
    * @default new Date()
    * */
   displayedPeriod?: Date;
-
+  /** Controls whether to render dates from previous/next months */
   renderOutdated?: boolean;
 };
 
-/** @deprecated */
-export interface ICalendarDaysContext extends CalendarDaysContext, UnknownProperties {}
 export type CalendarDaysContext = {
   days: CalendarUnitProps[];
 };
 
-/** @deprecated */
-export interface ICalendarMonthsContext extends CalendarMonthsContext, UnknownProperties {}
 export type CalendarMonthsContext = {
   months: CalendarUnitProps[];
 };
 
-/** @deprecated */
-export interface ICalendarUnitProps extends CalendarUnitProps, UnknownProperties {}
 export type CalendarUnitProps = BoxProps & {
+  /** Indicates if the calendar unit is part of a selected date range */
   selected?: boolean;
+  /** Marks units from previous/next months that appear in the current month view */
   outdated?: boolean;
+  /** Prevents interaction with the unit */
   disabled?: boolean;
+  /** Highlights the current date */
   today?: boolean;
+  /** Marks the beginning of a selected date range */
   startSelected?: boolean;
+  /** Marks the end of a selected date range */
   endSelected?: boolean;
+  /** Shows preview highlighting during range selection */
   highlighted?: boolean;
+  /** Marks the start of a highlighted range */
   startHighlighted?: boolean;
+  /** Marks the end of a highlighted range */
   endHighlighted?: boolean;
+  /** The actual Date object this unit represents */
   date?: Date;
+  /** Content to display within the unit (typically the day number) */
   children?: React.ReactNode;
 };
 
-/** @deprecated */
-export interface ICalendarContext extends CalendarContext, UnknownProperties {}
 export type CalendarContext = {
   getUnitProps: PropGetterFn;
 };
@@ -101,137 +102,129 @@ declare const Calendar: Intergalactic.Component<
   Unit: Intergalactic.Component<'div', CalendarUnitProps>;
 };
 
-/** @deprecated */
-export interface IDatePickerProps extends DatePickerProps, UnknownProperties {}
 export type DatePickerProps = Intergalactic.InternalTypings.EfficientOmit<
   DropdownProps,
   'disabled'
 > &
-  WithI18nEnhanceProps & {
-    /**
+WithI18nEnhanceProps & {
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    value?: DateConstructorParams;
-    /**
+  value?: DateConstructorParams;
+  /**
      * To be activated upon selecting the date
      * */
-    onChange?: (date: Date) => void;
-    /**
+  onChange?: (date: Date) => void;
+  /**
      * Array of dates blocked for selection
      * */
-    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
-    /**
+  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
+  /**
      * Error message when user attempts to input a disabled date
      * */
-    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
-    /**
+  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
+  /**
      * Date for showing the necessary month
      * @default new Date()
      * */
-    displayedPeriod?: DateConstructorParams;
-    /**
+  displayedPeriod?: DateConstructorParams;
+  /**
      * To be activated upon changing the current shown month
      * */
-    onDisplayedPeriodChange?: (date: Date) => void;
-    /**
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
      * Component size
      * @default m
      */
-    size?: 'm' | 'l';
-    /**
+  size?: 'm' | 'l';
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    highlighted?: DateConstructorParams[];
-    /**
+  highlighted?: DateConstructorParams[];
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultValue?: DateConstructorParams;
-    /**
+  defaultValue?: DateConstructorParams;
+  /**
      * Default value date for showing the necessary month
      * */
-    defaultDisplayedPeriod?: DateConstructorParams;
-    /**
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultHighlighted?: DateConstructorParams[];
-  };
+  defaultHighlighted?: DateConstructorParams[];
+};
 
-/** @deprecated */
-export interface IDateRangePickerProps extends DateRangePickerProps, UnknownProperties {}
 export type DateRangePickerProps = Intergalactic.InternalTypings.EfficientOmit<
   DropdownProps,
   'disabled'
 > &
-  WithI18nEnhanceProps & {
-    /**
+WithI18nEnhanceProps & {
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    value?: DateConstructorParams[];
-    /**
+  value?: DateConstructorParams[];
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultValue?: DateConstructorParams[];
-    /**
+  defaultValue?: DateConstructorParams[];
+  /**
      * Default value date for showing the necessary month
      * */
-    defaultDisplayedPeriod?: DateConstructorParams;
-    /**
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultHighlighted?: DateConstructorParams[];
-    /**
+  defaultHighlighted?: DateConstructorParams[];
+  /**
      * To be activated upon selecting the date
      * */
-    onChange?: (date: Date[]) => void;
-    /**
+  onChange?: (date: Date[]) => void;
+  /**
      * Array of dates blocked for selection
      * */
-    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
-    /**
+  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
+  /**
      * Error message when user attempts to input a disabled date
      * */
-    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
-    /**
+  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
+  /**
      * Date for showing the necessary month
      * @default new Date()
      * */
-    displayedPeriod?: DateConstructorParams;
-    /**
+  displayedPeriod?: DateConstructorParams;
+  /**
      * To be activated upon changing the current shown month
      * */
-    onDisplayedPeriodChange?: (date: Date) => void;
-    /**
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    highlighted?: DateConstructorParams[];
-    /**
+  highlighted?: DateConstructorParams[];
+  /**
      * Remove the 'Reset' button
      * */
-    unclearable?: boolean;
-    /**
+  unclearable?: boolean;
+  /**
      * To be activated upon selecting the date
      * */
-    onHighlightedChange?: (date: Date[]) => void;
-    /**
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
      * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.
      */
-    preselectedValue?: DateConstructorParams[];
-    /**
+  preselectedValue?: DateConstructorParams[];
+  /**
      * Normally called when user preselects a date range and when user applies this range.
      */
-    onPreselectedValueChange?: (date: Date[]) => void;
-    /**
+  onPreselectedValueChange?: (date: Date[]) => void;
+  /**
      * Array of periods
      * [{value: [new Date(), new Date()], children: "Today"}]
      * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
      * */
-    periods?: (ButtonProps & { value: Date[] })[];
-  };
+  periods?: (ButtonProps & { value: Date[] })[];
+};
 
-/** @deprecated */
-export interface IDateRangePickerPeriodProps
-  extends DateRangePickerPeriodProps,
-    UnknownProperties {}
 export type DateRangePickerPeriodProps = BoxProps & {
   /**
    * Current selected period
@@ -257,8 +250,6 @@ export type DateRangePickerPeriodProps = BoxProps & {
   periods?: (ButtonProps & { value: Date[] })[];
 };
 
-/** @deprecated */
-export interface IDatePickerContext extends DatePickerContext, UnknownProperties {}
 export type DatePickerContext = {
   getTriggerProps: PropGetterFn;
   getPopperProps: PropGetterFn;
@@ -270,10 +261,6 @@ export type DatePickerContext = {
   getTodayProps: PropGetterFn;
 };
 
-/** @deprecated */
-export interface IAbstractDatePickerHandlers
-  extends AbstractDatePickerHandlers,
-    UnknownProperties {}
 export type AbstractDatePickerHandlers = {
   displayedPeriod: (value: DateConstructorParams) => void;
   visible: (index: boolean) => void;
@@ -281,14 +268,10 @@ export type AbstractDatePickerHandlers = {
   value: (index: DateConstructorParams) => void;
 };
 
-/** @deprecated */
-export interface IDatePickerHandlers extends DatePickerHandlers, UnknownProperties {}
 export type DatePickerHandlers = {
   visible: (index: boolean) => void;
 };
 
-/** @deprecated */
-export interface IInputTriggerProps extends InputTriggerProps, UnknownProperties {}
 export type BaseInputTriggerProps = InputProps &
   TooltipProps & {
     /**
@@ -311,24 +294,16 @@ export type RangeInputTriggerProps = BaseInputTriggerProps & {
   onChange?: (date: Date[], event: ChangeEvent) => void;
 };
 
-/** @deprecated */
-export interface ISingleDateInputProps extends SingleDateInputProps, UnknownProperties {}
 export type SingleDateInputProps = InputTriggerProps & {};
 
-/** @deprecated */
-export interface IDateRangeProps extends DateRangeProps, UnknownProperties {}
 export type DateRangeProps = RangeInputTriggerProps & {};
 
-/** @deprecated */
-export interface IDatePickerMaskedInputProps
-  extends DatePickerMaskedInputProps,
-    UnknownProperties {}
 export type DatePickerMaskedInputProps = {
   date?: Date;
   onDateChange?: (date: Date, event: ChangeEvent) => void;
   onDisplayedPeriodChange?: (date: Date) => void;
   locale?: string;
-  parts?: { year: Boolean; month: Boolean; day: Boolean };
+  parts?: { year: boolean; month: boolean; day: boolean };
   disabledDates?: (Date | (Date | false)[] | string)[];
 };
 
@@ -386,8 +361,6 @@ declare const DatePicker: Intergalactic.Component<
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
 
-/** @deprecated */
-export interface IDateRangePickerContext extends DateRangePickerContext, UnknownProperties {}
 export type DateRangePickerContext = {
   getTriggerProps: PropGetterFn;
   getPopperProps: PropGetterFn;
@@ -424,8 +397,6 @@ declare const DateRangePicker: Intergalactic.Component<
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
 
-/** @deprecated */
-export interface IMonthPickerContext extends MonthPickerContext, UnknownProperties {}
 export type MonthPickerContext = {
   getTriggerProps: PropGetterFn;
   getPopperProps: PropGetterFn;
@@ -458,8 +429,6 @@ declare const MonthPicker: Intergalactic.Component<
   subtract: (date: number | Date, amount: number, unit: dayjs.OpUnitType) => Date;
 };
 
-/** @deprecated */
-export interface IMonthRangePickerContext extends MonthRangePickerContext, UnknownProperties {}
 export type MonthRangePickerContext = {
   getTriggerProps: PropGetterFn;
   getPopperProps: PropGetterFn;
@@ -506,106 +475,106 @@ export type DateRangeComparatorProps = Intergalactic.InternalTypings.EfficientOm
   DropdownProps,
   'disabled'
 > &
-  WithI18nEnhanceProps & {
-    /**
+WithI18nEnhanceProps & {
+  /**
      * Selected date ranges
      * */
-    value?: DateRangeComparatorValue;
-    /**
+  value?: DateRangeComparatorValue;
+  /**
      * Default value for selected date ranges
      * */
-    defaultValue?: DateRangeComparatorValue;
-    /**
+  defaultValue?: DateRangeComparatorValue;
+  /**
      * Default value date for showing the necessary month
      * */
-    defaultDisplayedPeriod?: DateConstructorParams;
-    /**
+  defaultDisplayedPeriod?: DateConstructorParams;
+  /**
      * Default value selected date, accepts everything which is accepted by `new Date()`
      * */
-    defaultHighlighted?: DateConstructorParams[];
-    /**
+  defaultHighlighted?: DateConstructorParams[];
+  /**
      * Called with selected date when user clicks `Apply` button.
      * */
-    onChange?: (ranges: {
-      value?: DateConstructorParams[];
-      compare?: DateConstructorParams[];
-    }) => void;
-    /**
+  onChange?: (ranges: {
+    value?: DateConstructorParams[];
+    compare?: DateConstructorParams[];
+  }) => void;
+  /**
      * Array of dates blocked for selection
      * */
-    disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
-    /**
+  disabled?: (DateConstructorParams | (DateConstructorParams | false)[] | string)[];
+  /**
      * Error message when user attempts to input a disabled date
      * */
-    disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
-    /**
+  disabledErrorText?: ((attemptedDate: Date) => string) | string | null;
+  /**
      * Date for showing the necessary month
      * @default new Date()
      * */
-    displayedPeriod?: DateConstructorParams;
-    /**
+  displayedPeriod?: DateConstructorParams;
+  /**
      * To be activated upon changing the current shown month
      * */
-    onDisplayedPeriodChange?: (date: Date) => void;
-    /**
+  onDisplayedPeriodChange?: (date: Date) => void;
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    highlighted?: DateConstructorParams[];
-    /**
+  highlighted?: DateConstructorParams[];
+  /**
      * To be activated upon selecting the date
      * */
-    onHighlightedChange?: (date: Date[]) => void;
-    /**
+  onHighlightedChange?: (date: Date[]) => void;
+  /**
      * The selected date, accepts everything which is accepted by `new Date()`
      * */
-    compareHighlighted?: DateConstructorParams[];
-    /**
+  compareHighlighted?: DateConstructorParams[];
+  /**
      * To be activated upon selecting the date
      * */
-    onCompareHighlightedChange?: (date: Date[]) => void;
-    /**
+  onCompareHighlightedChange?: (date: Date[]) => void;
+  /**
      * Intermediate value between `highlighted` and `value` that user see before explicitly applying it.
      */
-    preselectedValue?: DateConstructorParams[];
-    /**
+  preselectedValue?: DateConstructorParams[];
+  /**
      * Normally called when user preselects a date range and when user applies this range.
      */
-    onPreselectedValueChange?: (date: Date[]) => void;
-    /**
+  onPreselectedValueChange?: (date: Date[]) => void;
+  /**
      * Intermediate value between `compareHighlighted` and `compare` that user see before explicitly applying it.
      */
-    preselectedCompare?: DateConstructorParams[];
-    /**
+  preselectedCompare?: DateConstructorParams[];
+  /**
      * Normally called when user preselects a compare range and when user applies ranges.
      */
-    onPreselectedCompareChange?: (date: Date[]) => void;
-    /**
+  onPreselectedCompareChange?: (date: Date[]) => void;
+  /**
      * Controls that compare range input is enabled.
      */
-    compareToggle?: boolean;
-    /**
+  compareToggle?: boolean;
+  /**
      * Toggles when compare range input enables or disables.
      */
-    onCompareToggleChange?: (compareToggle: boolean) => void;
-    /**
+  onCompareToggleChange?: (compareToggle: boolean) => void;
+  /**
      * Controls which date range is focused.
      */
-    focusedRange?: DateRangeComparatorFocusRange;
-    /**
+  focusedRange?: DateRangeComparatorFocusRange;
+  /**
      * Called when user focuses or is focused on some of the date ranges.
      */
-    onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;
-    /**
+  onFocusedRangeChange?: (focusedRange: DateRangeComparatorFocusRange) => void;
+  /**
      * Remove the 'Reset' button
      * */
-    unclearable?: boolean;
-    /**
+  unclearable?: boolean;
+  /**
      * Array of periods
      * [{value: [new Date(), new Date()], children: "Today"}]
      * @default Past 2 days / Past week / Past 2 week / Past month / Past 2 month
      * */
-    periods?: (ButtonProps & { value: Date[] })[];
-  };
+  periods?: (ButtonProps & { value: Date[] })[];
+};
 
 export type DateRangeComparatorContext = {
   getTriggerProps: PropGetterFn;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@semcore/date-picker",
   "description": "Semrush DatePicker Component",
-  "version": "4.57.2-prerelease.0",
+  "version": "4.58.0-prerelease.0",
   "main": "lib/cjs/index.js",
   "module": "lib/es6/index.js",
   "typings": "lib/types/index.d.ts",
@@ -14,24 +14,24 @@
     "types": "./lib/types/index.d.ts"
   },
   "dependencies": {
-    "@semcore/utils": "4.48.5-prerelease.0",
-    "@semcore/base-trigger": "4.53.2-prerelease.0",
-    "@semcore/button": "5.43.3-prerelease.0",
-    "@semcore/divider": "4.40.4-prerelease.0",
-    "@semcore/dropdown": "4.43.4-prerelease.0",
-    "@semcore/flex-box": "5.41.4-prerelease.0",
-    "@semcore/icon": "4.62.1-prerelease.0",
-    "@semcore/input": "4.42.4-prerelease.0",
-    "@semcore/input-mask": "5.43.4-prerelease.0",
-    "@semcore/neighbor-location": "4.40.4-prerelease.0",
-    "@semcore/typography": "5.53.2-prerelease.0",
-    "@semcore/checkbox": "7.44.4-prerelease.0",
-    "@semcore/popper": "5.46.4-prerelease.0",
-    "@semcore/tooltip": "6.49.4-prerelease.0",
+    "@semcore/utils": "4.49.0-prerelease.0",
+    "@semcore/base-trigger": "4.54.0-prerelease.0",
+    "@semcore/button": "5.44.0-prerelease.0",
+    "@semcore/divider": "4.41.0-prerelease.0",
+    "@semcore/dropdown": "4.44.0-prerelease.0",
+    "@semcore/flex-box": "5.42.0-prerelease.0",
+    "@semcore/icon": "4.63.0-prerelease.0",
+    "@semcore/input": "4.43.0-prerelease.0",
+    "@semcore/input-mask": "5.44.0-prerelease.0",
+    "@semcore/neighbor-location": "4.41.0-prerelease.0",
+    "@semcore/typography": "5.54.0-prerelease.0",
+    "@semcore/checkbox": "7.45.0-prerelease.0",
+    "@semcore/popper": "5.47.0-prerelease.0",
+    "@semcore/tooltip": "6.50.0-prerelease.0",
     "dayjs": "1.8.36"
   },
   "peerDependencies": {
-    "@semcore/core": "^2.39.4-prerelease.0",
+    "@semcore/core": "^2.40.0-prerelease.0",
     "react": "16.8 - 18",
     "react-dom": "16.8 - 18"
   },