@sprinklrjs/spaceweb 12.33.2 → 14.11.3

package/date-picker/styled-components.js

@@ -1,24 +1,41 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getCalendarContainerStyles = exports.StyledFooterBeforeEnhancer = exports.StyledFooter = exports.getDayStyles = exports.StyledInputWrapper = void 0;
+exports.StyledFooterBeforeEnhancer = exports.StyledFooter = exports.getDayNumberStyles = exports.getDayStyles = exports.getInputPaddingY = exports.getInputPaddingX = exports.StyledInputWrapper = void 0;
 var tslib_1 = require("tslib");
-var day_state_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/day-state"));
-var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-fns-adapter"));
+var day_state_1 = tslib_1.__importDefault(require("../baseui/datepicker/utils/day-state"));
+var date_fns_adapter_1 = tslib_1.__importDefault(require("../baseui/datepicker/utils/date-fns-adapter"));
 var style_1 = require("../style");
 exports.StyledInputWrapper = (0, style_1.styled)('div');
+var getInputPaddingX = function (size) { return (size === 'xxxs' ? 'px-1.75' : 'px-2.75'); };
+exports.getInputPaddingX = getInputPaddingX;
+var getInputPaddingY = function (size) {
+    switch (size) {
+        case 'xxxs':
+            return 'py-0.75';
+        case 'xs':
+            return 'py-1.5';
+        case 'sm':
+            return 'py-2';
+        case 'md':
+        case 'lg':
+        default:
+            return 'py-2.5';
+    }
+};
+exports.getInputPaddingY = getInputPaddingY;
 var getEdgeDayBeforeStyle = function (code, firstChild, peekNextMonth) {
     var firstChildStyle = firstChild ? { content: 'none' } : {};
     var lastChildStyle = firstChild ? {} : { content: 'none' };
     var pseudoSelectedStyle = firstChild
         ? {
-            borderLeftWidth: '2px',
-            borderTopLeftRadius: '100%',
-            borderBottomLeftRadius: '100%',
+            borderInlineStartWidth: '2px',
+            borderStartStartRadius: '100%',
+            borderEndStartRadius: '100%',
         }
         : {
-            borderRightWidth: '2px',
-            borderTopRightRadius: '100%',
-            borderBottomRightRadius: '100%',
+            borderInlineEndWidth: '2px',
+            borderStartEndRadius: '100%',
+            borderEndEndRadius: '100%',
         };
     // See the baseui/datepicker/utils/day-state.js file for the description of all available states
     // rdhsrSsDeDpSrHpHrRrLsMeMoM
@@ -65,50 +82,66 @@ function generateDayStyles(defaultCode, defaultStyle) {
         _a;
 }
 var getTempRTLAdaptedStyles = function (code) {
-    var dayStyles = (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, generateDayStyles('100110100000000', {
+    var dayStyles = tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, generateDayStyles('100110100000000', {
         ':before': {
-            right: '0%',
-            left: '0%',
+            insetInlineEnd: '0%',
+            insetInlineStart: '0%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('100100001001000', {
         ':before': {
-            right: '50%',
-            left: '0%',
+            insetInlineEnd: '50%',
+            insetInlineStart: '0%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('101000001010000', {
         ':before': {
-            right: '50%',
-            left: '0%',
+            insetInlineEnd: '50%',
+            insetInlineStart: '0%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('101110100000000', {
         ':before': {
-            right: '50%',
-            left: '0%',
+            insetInlineEnd: '50%',
+            insetInlineStart: '0%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('101111000000000', {
         ':before': {
-            left: '50%',
+            insetInlineStart: '50%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('100111000000000', {
         ':before': {
-            left: '50%',
+            insetInlineStart: '50%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('101000001001000', {
         ':before': {
-            left: '50%',
+            insetInlineStart: '50%',
         },
+        __useCssInJs: 1,
     })), generateDayStyles('100100001010000', {
         ':before': {
-            left: '50%',
+            insetInlineStart: '50%',
         },
+        __useCssInJs: 1,
     }));
     return dayStyles[code] || {};
 };
 var getDayStyles = function (todaySOD) { return [
-    'text-12 leading-8 w-9 flex items-center justify-center',
+    'text-12 leading-5 w-9 flex items-center justify-center forced-colors:after:content-empty',
+    function (_, _a) {
+        var $isHovered = _a.$isHovered, $isFocusVisible = _a.$isFocusVisible;
+        return $isHovered || $isFocusVisible ? 'forced-colors:after:border-1 forced-colors:after:border-highlight' : '';
+    },
+    function (_, _a) {
+        var $selected = _a.$selected;
+        return ($selected ? 'forced-colors:after:bg-highlight forced-colors:text-highlight-text' : '');
+    },
     function (_a, props) {
         var theme = _a.theme, px2rem = _a.px2rem;
-        var $isHighlighted = props.$isHighlighted, $hasRangeHighlighted = props.$hasRangeHighlighted, $date = props.$date, $selected = props.$selected, $isHovered = props.$isHovered, $range = props.$range, $outsideMonthWithinRange = props.$outsideMonthWithinRange, $startOfMonth = props.$startOfMonth, $endOfMonth = props.$endOfMonth, $month = props.$month;
+        var $isHighlighted = props.$isHighlighted, $hasRangeHighlighted = props.$hasRangeHighlighted, $date = props.$date, $selected = props.$selected, $isHovered = props.$isHovered, $range = props.$range, $outsideMonthWithinRange = props.$outsideMonthWithinRange, $startOfMonth = props.$startOfMonth, $endOfMonth = props.$endOfMonth, $month = props.$month, $isFocusVisible = props.$isFocusVisible, $disabled = props.$disabled;
         var code = (0, day_state_1.default)(props);
         var $outsideMonth = new Date($date).getMonth() !== $month;
         var $isCompact = theme.density === 'COMPACT';
@@ -122,47 +155,55 @@ var getDayStyles = function (todaySOD) { return [
         else if ($isHovered || $isHighlighted || props.$pseudoHighlighted) {
             backgroundColor = theme.spr.ui05;
         }
-        return (0, tslib_1.__assign)((0, tslib_1.__assign)({ 
+        var styletronStyles = tslib_1.__assign(tslib_1.__assign({ 
             // Todo:- Need to remove this ternary expression and this $hasDatelable prop
-            height: $isCompact ? px2rem('30px') : px2rem('36px'), width: $isCompact ? px2rem('30px') : px2rem('36px'), paddingLeft: px2rem('6px'), paddingRight: px2rem('6px'), ':after': (0, tslib_1.__assign)((0, tslib_1.__assign)({ left: 'unset', height: '100%', width: '100%', borderTopWidth: '0px', borderBottomWidth: '0px', borderLeftWidth: '0px', borderRightWidth: '0px' }, ($isHighlighted &&
+            height: $isCompact ? px2rem('30px') : px2rem('36px'), width: $isCompact ? px2rem('30px') : px2rem('36px'), paddingInlineStart: px2rem('6px'), paddingInlineEnd: px2rem('6px'), ':after': tslib_1.__assign(tslib_1.__assign({ insetInlineStart: 'unset', height: '100%', width: '100%', borderBlockStartWidth: '0px', borderBlockEndWidth: '0px', borderInlineStartWidth: '0px', borderInlineEndWidth: '0px' }, ($isHighlighted &&
                 !$selected &&
                 !$isHovered &&
                 !$hasRangeHighlighted && {
                 backgroundColor: 'transparent',
-            })), { backgroundColor: backgroundColor, top: 0 }), ':before': (0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)((0, tslib_1.__assign)({ top: '0px', height: '100%', borderTopWidth: '0px', borderBottomWidth: '0px', borderLeftWidth: '0px', borderRightWidth: '0px' }, ($outsideMonthWithinRange ? { content: '' } : {})), ($startOfMonth
+            })), { backgroundColor: backgroundColor, top: 0 }), ':before': tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ top: '0px', height: '100%', borderBlockStartWidth: '0px', borderBlockEndWidth: '0px', borderInlineStartWidth: '0px', borderInlineEndWidth: '0px' }, ($outsideMonthWithinRange ? { content: '' } : {})), ($startOfMonth && !props.$peekNextMonth
                 ? {
-                    borderTopLeftRadius: '100%',
-                    borderBottomLeftRadius: '100%',
+                    borderStartStartRadius: '100%',
+                    borderEndStartRadius: '100%',
                 }
-                : {})), ($endOfMonth
+                : {})), ($endOfMonth && !props.$peekNextMonth
                 ? {
-                    borderTopRightRadius: '100%',
-                    borderBottomRightRadius: '100%',
+                    borderStartEndRadius: '100%',
+                    borderEndEndRadius: '100%',
                 }
-                : {})), ($outsideMonth ? { backgroundColor: 'transparent' } : {})), (getTempRTLAdaptedStyles(code)[':before'] || {})), ':first-child': (0, tslib_1.__assign)({}, ($range
+                : {})), (getTempRTLAdaptedStyles(code)[':before'] || {})), ':first-child': tslib_1.__assign({}, ($range
                 ? {
-                    ':before': (0, tslib_1.__assign)({}, getEdgeDayBeforeStyle(code, true, props.$peekNextMonth)),
+                    ':before': tslib_1.__assign({}, getEdgeDayBeforeStyle(code, true, props.$peekNextMonth)),
+                    __useCssInJs: 1,
                 }
-                : {})), ':last-child': (0, tslib_1.__assign)({}, ($range
+                : {})), ':last-child': tslib_1.__assign({}, ($range
                 ? {
-                    ':before': (0, tslib_1.__assign)({}, getEdgeDayBeforeStyle(code, false, props.$peekNextMonth)),
+                    ':before': tslib_1.__assign({}, getEdgeDayBeforeStyle(code, false, props.$peekNextMonth)),
+                    __useCssInJs: 1,
                 }
-                : {})) }, (date_fns_adapter_1.default.isEqual($date, todaySOD) &&
-            !$selected && {
-            color: theme.spr.text04,
-        })), ($outsideMonth && { color: $selected ? theme.spr.text05 : theme.spr.text03 }));
+                : {})) }, ($outsideMonth && !$disabled && { color: $selected ? theme.spr.text05 : theme.spr.text03 })), { __useCssInJs: 1 });
+        return [
+            $isFocusVisible
+                ? 'after:outline-1 after:-outline-offset-2 after:outline after:outline-color-[--sw-outline-color]'
+                : '',
+            // @ts-ignore -- CSS-in-JS -- This is never getting fixed
+            styletronStyles,
+        ];
     },
 ]; };
 exports.getDayStyles = getDayStyles;
-exports.StyledFooter = (0, style_1.styled)('div', 'flex px-4 py-3');
+var getDayNumberStyles = function (todaySOD) { return [
+    function (_, props) {
+        var $date = props.$date, $selected = props.$selected;
+        return date_fns_adapter_1.default.isEqual($date, todaySOD) && !$selected
+            ? {
+                textDecoration: 'underline',
+                textUnderlineOffset: '4px',
+            }
+            : {};
+    },
+]; };
+exports.getDayNumberStyles = getDayNumberStyles;
+exports.StyledFooter = (0, style_1.styled)('div', 'flex px-4 pt-4 border-t spr-border-primary');
 exports.StyledFooterBeforeEnhancer = (0, style_1.styled)('div', 'flex-none');
-var getCalendarContainerStyles = function (_a) {
-    var px2rem = _a.px2rem;
-    return ({
-        paddingTop: px2rem('10px'),
-        paddingBottom: px2rem('12px'),
-        paddingRight: px2rem('16px'),
-        paddingLeft: px2rem('16px'),
-    });
-};
-exports.getCalendarContainerStyles = getCalendarContainerStyles;

package/date-picker/types.d.ts

@@ -1,22 +1,25 @@
 /// <reference types="react" />
 import { CalendarProps as BaseCalendarProps, DatepickerProps as BaseDatepickerProps, SharedStylePropsT } from '../baseui/datepicker';
 import { TimePickerProps } from '../time-picker';
+import { TimezonePickerProps } from '../time-zone-picker';
 import { InputSize, InputVariant } from '../input';
 import { Override } from '../overrides/types';
 import { Intent } from '../types';
-export declare type FormatString = string;
-export declare type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-export declare type CalendarProps = Omit<BaseCalendarProps, 'overrides'> & {
+export type FormatString = string;
+export type WeekStartsOn = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type CalendarProps = Omit<BaseCalendarProps, 'overrides'> & {
     formatString?: FormatString;
     overrides?: DatepickerOverrides;
     adapter?: any;
     weekStartsOn?: WeekStartsOn;
+    getDefaultTime?: (date: Date) => Date;
+    formatDisplayValue?: (date: Date) => string;
 };
-export declare type TimeSelect = 'start' | 'end';
-export declare type DateTimeSelectSharedProps = {
+export type TimeSelect = 'start' | 'end';
+export type DateTimeSelectSharedProps = {
     $timeSelect: TimeSelect;
 };
-export declare type DatepickerOverrides<T = SharedStyleProps> = {
+export type DatepickerOverrides<T = SharedStyleProps> = {
     CalendarContainer?: Override<T>;
     CalendarHeader?: Override<T>;
     TimezonePicker?: Override<T>;
@@ -45,11 +48,13 @@ export declare type DatepickerOverrides<T = SharedStyleProps> = {
     Footer?: Override<T>;
     DateTimeSelect?: Override<DateTimeSelectSharedProps>;
 };
-export declare type Nullable<T> = T | null | undefined;
-export declare type StatelessDatePickerProps = Omit<BaseDatepickerProps, 'timeSelectStart' | 'timeSelectEnd' | 'value' | 'onChange' | 'quickSelect' | 'quickSelectOptions' | 'size' | 'overrides' | 'onDayClick' | 'onDayMouseOver' | 'onDayMouseLeave' | 'onMonthChange' | 'onYearChange' | 'formatString' | 'peekNextMonth' | 'fixedHeight'> & {
+export type Nullable<T> = T | null | undefined;
+export type StatelessDatePickerProps = Omit<BaseDatepickerProps, 'timeSelectStart' | 'timeSelectEnd' | 'value' | 'onChange' | 'quickSelect' | 'quickSelectOptions' | 'size' | 'overrides' | 'onDayClick' | 'onDayMouseOver' | 'onDayMouseLeave' | 'onMonthChange' | 'onYearChange' | 'formatString' | 'peekNextMonth' | 'fixedHeight'> & {
+    disableTimezoneSwitch?: boolean;
     id?: string;
     showTimezone?: boolean;
     timezone?: string;
+    timezoneOptions?: TimezonePickerProps['timezoneOptions'];
     intent?: Intent;
     timeSelect?: boolean;
     onBlur?: () => void;
@@ -61,12 +66,14 @@ export declare type StatelessDatePickerProps = Omit<BaseDatepickerProps, 'timeSe
     onChange?: (data: {
         value?: Nullable<Date>[] | Nullable<Date>;
         timezone?: string;
+        shouldClosePopover?: boolean;
     }) => any;
     size?: InputSize;
     overrides?: DatepickerOverrides;
     autoSizeInput?: boolean;
     formatString?: string;
-    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    getDefaultTime?: (date: Date) => Date;
+    weekStartsOn?: WeekStartsOn;
     /**
      * @deprecated This will be removed in next major release. Spaceweb will handle this prop.
      */
@@ -76,7 +83,7 @@ export declare type StatelessDatePickerProps = Omit<BaseDatepickerProps, 'timeSe
      */
     fixedHeight?: boolean;
 };
-export declare type StatefulContainerProps = {
+export type StatefulContainerProps = {
     children: (props: StatelessDatePickerProps) => JSX.Element;
     adapter?: any;
     value?: Date;
@@ -88,9 +95,9 @@ export declare type StatefulContainerProps = {
     showTimezone?: boolean;
     timezone?: string;
 };
-export declare type DatePickerProps = Omit<StatelessDatePickerProps, 'value' | 'range'> & Omit<StatefulContainerProps, 'children'>;
-export declare type DatePickerSharedProps = SharedStylePropsT;
-export declare type SharedStyleProps = {
+export type DatePickerProps = Omit<StatelessDatePickerProps, 'value' | 'range'> & Omit<StatefulContainerProps, 'children'>;
+export type DatePickerSharedProps = SharedStylePropsT;
+export type SharedStyleProps = {
     $date: Date;
     $disabled?: boolean;
     $endDate?: boolean;

package/date-picker/useDatePickerState.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type UseDatePickerStateType = {
+type UseDatePickerStateType = {
     onClose?: () => void;
     onOpen?: () => void;
     startOpen?: boolean;

package/date-picker/useDatePickerState.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var react_1 = require("react");
 var useDatePickerState = function (_a) {
     var _b = _a === void 0 ? {} : _a, onClose = _b.onClose, onOpen = _b.onOpen, startOpen = _b.startOpen;
-    var _c = (0, tslib_1.__read)((0, react_1.useState)(startOpen), 2), isOpen = _c[0], setIsOpen = _c[1];
+    var _c = tslib_1.__read((0, react_1.useState)(startOpen), 2), isOpen = _c[0], setIsOpen = _c[1];
     var handleOpen = (0, react_1.useCallback)(function () {
         setIsOpen(true);
         onOpen === null || onOpen === void 0 ? void 0 : onOpen();

package/date-picker/utils.d.ts

@@ -1,5 +1,6 @@
 import DateHelpers from '../baseui/datepicker/utils/date-helpers';
-import { Locale } from '../locale';
+import type { Locale } from '../locale';
+import type { TimeRange } from '../baseui/datepicker';
 interface FormatDateParams {
     date: Date | Date[] | undefined;
     formatString?: string;
@@ -8,20 +9,27 @@ interface FormatDateParams {
     timezone?: string;
     showTimezone?: boolean;
 }
+export declare const getDateInsideMinMaxBoundary: (date: Date | undefined, minDate: Date | undefined, maxDate: Date | undefined) => Date | undefined;
 export declare const normalizeDashes: (formatString: string) => string;
 export declare const formatDate: ({ showTimezone, ...params }: FormatDateParams) => string;
-export declare const getAriaLabel: (value: Date | Date[] | undefined, formatDisplayValue: (date?: Date | Date[] | undefined) => string, locale: Locale) => string;
+export declare const getAriaLabel: (value: Date | Date[] | undefined, formatDisplayValue: (date?: Date | Date[]) => string, locale: Locale) => string;
 export declare const prepareLocale: (locale?: globalThis.Locale, options?: {
-    weekStartsOn?: 0 | 2 | 1 | 3 | 4 | 5 | 6 | undefined;
-} | undefined) => any;
+    weekStartsOn?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}) => any;
 export declare const isTimeInRange: (date: Date | Array<Date | undefined | null> | null | undefined, { minDate, maxDate, dateHelpers, }: {
     minDate?: Date | null | undefined;
     maxDate?: Date | null | undefined;
     dateHelpers?: DateHelpers<Date> | undefined;
 }) => boolean;
+export declare const isDateInTimeRange: (date: Date, timeRanges: TimeRange[]) => boolean;
 export declare const isDayInRange: (date: Date | Date[] | null | undefined, { minDate, maxDate, dateHelpers, }: {
     minDate?: Date | undefined;
     maxDate?: Date | undefined;
     dateHelpers?: any;
 }) => boolean;
+export declare const getTimePartsFromMilliseconds: (milliseconds: number) => {
+    hours: number;
+    minutes: number;
+    seconds: number;
+};
 export {};

package/date-picker/utils.js

@@ -1,17 +1,33 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isDayInRange = exports.isTimeInRange = exports.prepareLocale = exports.getAriaLabel = exports.formatDate = exports.normalizeDashes = void 0;
+exports.getTimePartsFromMilliseconds = exports.isDayInRange = exports.isDateInTimeRange = exports.isTimeInRange = exports.prepareLocale = exports.getAriaLabel = exports.formatDate = exports.normalizeDashes = exports.getDateInsideMinMaxBoundary = void 0;
 var tslib_1 = require("tslib");
-var en_US_1 = (0, tslib_1.__importDefault)(require("date-fns/locale/en-US"));
-var i18n_interpolation_1 = (0, tslib_1.__importDefault)(require("../baseui/helpers/i18n-interpolation"));
-var date_helpers_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-helpers"));
-var date_fns_adapter_1 = (0, tslib_1.__importDefault)(require("../baseui/datepicker/utils/date-fns-adapter"));
+// eslint-disable-next-line import/no-duplicates -- required for date-fns
+var en_US_1 = tslib_1.__importDefault(require("date-fns/locale/en-US"));
+var i18n_interpolation_1 = tslib_1.__importDefault(require("../baseui/helpers/i18n-interpolation"));
+var date_helpers_1 = tslib_1.__importDefault(require("../baseui/datepicker/utils/date-helpers"));
+var date_fns_adapter_1 = tslib_1.__importDefault(require("../baseui/datepicker/utils/date-fns-adapter"));
+// eslint-disable-next-line import/no-duplicates -- required for date-fns
+var min_1 = tslib_1.__importDefault(require("date-fns/fp/min"));
+// eslint-disable-next-line import/no-duplicates -- required for date-fns
+var max_1 = tslib_1.__importDefault(require("date-fns/fp/max"));
 var constants_1 = require("./constants");
+var getDateInsideMinMaxBoundary = function (date, minDate, maxDate) {
+    if (!date)
+        return date;
+    var newDateInsideMinandMax = date;
+    if (minDate)
+        newDateInsideMinandMax = (0, max_1.default)([date, minDate]);
+    if (maxDate)
+        newDateInsideMinandMax = (0, min_1.default)([newDateInsideMinandMax, maxDate]);
+    return newDateInsideMinandMax;
+};
+exports.getDateInsideMinMaxBoundary = getDateInsideMinMaxBoundary;
 // replacing both hyphens and em-dashes with en-dashes
 var normalizeDashes = function (formatString) { return formatString.replace(/-/g, '–').replace(/—/g, '–'); };
 exports.normalizeDashes = normalizeDashes;
 var formatDate = function (_a) {
-    var _b = _a.showTimezone, showTimezone = _b === void 0 ? false : _b, params = (0, tslib_1.__rest)(_a, ["showTimezone"]);
+    var _b = _a.showTimezone, showTimezone = _b === void 0 ? false : _b, params = tslib_1.__rest(_a, ["showTimezone"]);
     var date = params.date;
     var formatString = params.formatString || (0, exports.normalizeDashes)(constants_1.DEFAULT_FORMAT_STRING);
     var dateHelpers = params.dateHelpers || new date_helpers_1.default(date_fns_adapter_1.default);
@@ -59,7 +75,7 @@ var getAriaLabel = function (value, formatDisplayValue, locale) {
 exports.getAriaLabel = getAriaLabel;
 var prepareLocale = function (locale, options) {
     if (locale === void 0) { locale = en_US_1.default; }
-    return ((0, tslib_1.__assign)((0, tslib_1.__assign)({}, locale), { options: (0, tslib_1.__assign)((0, tslib_1.__assign)({}, locale.options), ((options === null || options === void 0 ? void 0 : options.weekStartsOn) !== undefined && { weekStartsOn: options.weekStartsOn })) }));
+    return (tslib_1.__assign(tslib_1.__assign({}, locale), { options: tslib_1.__assign(tslib_1.__assign({}, locale.options), ((options === null || options === void 0 ? void 0 : options.weekStartsOn) !== undefined && { weekStartsOn: options.weekStartsOn })) }));
 };
 exports.prepareLocale = prepareLocale;
 // checks whether given date(both day & time) is in [minDate, maxDate] range.
@@ -77,6 +93,12 @@ var isTimeInRange = function (date, _a) {
     return (!minDate || !dateHelpers.isBefore(date, minDate)) && (!maxDate || !dateHelpers.isAfter(date, maxDate));
 };
 exports.isTimeInRange = isTimeInRange;
+// checks whether a given date's extracted time is in the given time ranges
+var isDateInTimeRange = function (date, timeRanges) {
+    var msInDay = (date.getTime() - date.getTimezoneOffset() * constants_1.MS_IN_MINUTE) % constants_1.MS_IN_DAY;
+    return timeRanges.some(function (range) { return range.from <= msInDay && msInDay < range.upto; });
+};
+exports.isDateInTimeRange = isDateInTimeRange;
 // checks whether given date(only day) is in [minDate, maxDate] range.
 var isDayInRange = function (date, _a) {
     var minDate = _a.minDate, maxDate = _a.maxDate, _b = _a.dateHelpers, dateHelpers = _b === void 0 ? new date_helpers_1.default(date_fns_adapter_1.default) : _b;
@@ -89,3 +111,13 @@ var isDayInRange = function (date, _a) {
     return !dateHelpers.isDayDisabled(date, { minDate: minDate, maxDate: maxDate });
 };
 exports.isDayInRange = isDayInRange;
+var getTimePartsFromMilliseconds = function (milliseconds) {
+    var remainingTime = milliseconds;
+    var hours = Math.floor(remainingTime / constants_1.MS_IN_HOUR);
+    remainingTime -= hours * constants_1.MS_IN_HOUR;
+    var minutes = Math.floor(remainingTime / constants_1.MS_IN_MINUTE);
+    remainingTime -= minutes * constants_1.MS_IN_MINUTE;
+    var seconds = Math.floor(remainingTime / constants_1.MS_IN_SECOND);
+    return { hours: hours, minutes: minutes, seconds: seconds };
+};
+exports.getTimePartsFromMilliseconds = getTimePartsFromMilliseconds;

package/date-time/DateTime.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
 import { DateTimeProps } from './types';
-export declare const DateTime: ({ date, variant, dateTimeOptions }: DateTimeProps) => JSX.Element;
+export declare const DateTime: {
+    ({ date, variant, dateTimeOptions }: DateTimeProps): JSX.Element;
+    __standard: string;
+};

package/date-time/DateTime.js

@@ -7,6 +7,7 @@ var useDateTime_1 = require("./useDateTime");
 var DateTime = function (_a) {
     var date = _a.date, variant = _a.variant, dateTimeOptions = _a.dateTimeOptions;
     var formattedDate = (0, useDateTime_1.useDateTime)({ date: date, variant: variant, dateTimeOptions: dateTimeOptions });
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedDate }, void 0);
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: formattedDate });
 };
 exports.DateTime = DateTime;
+exports.DateTime.__standard = 'Component';

package/date-time/index.js

@@ -6,4 +6,4 @@ var DateTime_1 = require("./DateTime");
 Object.defineProperty(exports, "DateTime", { enumerable: true, get: function () { return DateTime_1.DateTime; } });
 var useDateTime_1 = require("./useDateTime");
 Object.defineProperty(exports, "useDateTime", { enumerable: true, get: function () { return useDateTime_1.useDateTime; } });
-(0, tslib_1.__exportStar)(require("./types"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/date-time/types.d.ts

@@ -14,7 +14,7 @@ export declare const DATE_TIME_VARIANTS: {
     readonly FULL_DATE_TIME: "fullDateTime";
     readonly CUSTOM: "custom";
 };
-export declare type DateTimeProps = {
+export type DateTimeProps = {
     date: Date | number;
     variant: ValueOf<typeof DATE_TIME_VARIANTS>;
     dateTimeOptions?: Intl.DateTimeFormatOptions;

package/date-time/useDateTime.js

@@ -8,6 +8,6 @@ var useDateTime = function (_a) {
     var date = _a.date, variant = _a.variant, dateTimeOptions = _a.dateTimeOptions;
     var variantOptions = variants_1.VARIANTS_DATE_FORMAT_OPTIONS[variant];
     var langCode = (0, locale_1.useLocale)().langCode;
-    return Intl.DateTimeFormat(langCode, (0, tslib_1.__assign)((0, tslib_1.__assign)({}, variantOptions), dateTimeOptions)).format(date);
+    return Intl.DateTimeFormat(langCode, tslib_1.__assign(tslib_1.__assign({}, variantOptions), dateTimeOptions)).format(date);
 };
 exports.useDateTime = useDateTime;

package/esm/ClientOnly.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type ClientOnlyProps = {
+type ClientOnlyProps = {
     children: ReactNode;
 };
 export declare const ClientOnly: ({ children }: ClientOnlyProps) => import("react/jsx-runtime").JSX.Element | null;

package/esm/ClientOnly.js

@@ -11,5 +11,5 @@ export var ClientOnly = function (_a) {
     if (!hasMounted) {
         return null;
     }
-    return _jsx(_Fragment, { children: children }, void 0);
+    return _jsx(_Fragment, { children: children });
 };

package/esm/__patches/apply.js

@@ -0,0 +1,11 @@
+import { __read } from "tslib";
+import data from './data.json';
+import { execSync } from 'child_process';
+import path from 'path';
+var jsonData = data !== null && data !== void 0 ? data : {};
+Object.entries(jsonData).forEach(function (_a) {
+    var _b = __read(_a, 2), index = _b[0], patchFile = _b[1];
+    var fullModulePath = path.join(__dirname, '..', '..', '..', index.split('@')[0]);
+    var fullPatchPath = path.join(__dirname, 'files', patchFile);
+    execSync("patch --directory ".concat(fullModulePath, " -i ").concat(fullPatchPath));
+});

package/esm/__patches/data.json

@@ -0,0 +1,4 @@
+{
+    "styletron-engine-atomic": "styletron-engine-atomic-npm-1.5.0-5d45095deb.patch",
+    "tailwind-merge": "tailwind-merge-npm-1.14.0-f448a138df.patch"
+}

package/esm/a11y/LiveAnnouncer.d.ts

@@ -0,0 +1,18 @@
+import type { AnnounceOptions } from './types';
+type Politeness = 'polite' | 'assertive';
+/**
+ * Announce a message to screen readers via the shared global live region.
+ */
+export declare function announce(message: string, options?: AnnounceOptions): void;
+/**
+ * Clear the current contents of the live region(s) without announcing
+ * anything new. Pass a politeness to clear only one region.
+ */
+export declare function clearAnnouncer(politeness?: Politeness): void;
+/**
+ * Remove the live region from the DOM.
+ * Primarily useful in test teardown; in apps the region can live for the
+ * lifetime of the page.
+ */
+export declare function destroyAnnouncer(): void;
+export {};