@sprinklrjs/spaceweb 12.33.2 → 14.11.0

package/date-input/DateInput.js

@@ -4,55 +4,79 @@ exports.DateInput = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-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"));
+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"));
 var input_1 = require("../input");
 var popover_1 = require("../popover");
 var box_1 = require("../box");
 var DatePickerContent_1 = require("../date-picker/DatePickerContent");
+var DatePickerInput_1 = require("../date-picker/DatePickerInput");
 var constants_1 = require("../date-picker/constants");
 var utils_1 = require("../date-picker/utils");
 var utils_2 = require("../time-range-picker/utils");
+var getSystemTzName_1 = require("../time-range-picker/getSystemTzName");
 var context_1 = require("../form-control/context");
 var overrides_1 = require("../overrides");
 var constants_2 = require("./constants");
 var utils_3 = require("./utils");
-var parseDateFromInput = function (_inputValue, parser) {
-    var _a, _b, _c, _d, _e, _f;
-    var inputValue = _inputValue.replaceAll(',', ' ').replace(/\s+/g, ' ').trim();
-    var parsedValue = parser.attempt(inputValue);
-    var currentDate = new Date();
-    if (parsedValue.invalid) {
-        return null;
-    }
-    else {
-        return new Date((_a = parsedValue.year) !== null && _a !== void 0 ? _a : currentDate.getFullYear(), parsedValue.month ? parsedValue.month - 1 : currentDate.getMonth(), (_b = parsedValue.day) !== null && _b !== void 0 ? _b : currentDate.getDate(), (_c = parsedValue.hour) !== null && _c !== void 0 ? _c : 0, (_d = parsedValue.minute) !== null && _d !== void 0 ? _d : 0, (_e = parsedValue.second) !== null && _e !== void 0 ? _e : 0, (_f = parsedValue.millisecond) !== null && _f !== void 0 ? _f : 0);
-    }
-};
+var useLatestCallback_1 = require("../hooks/useLatestCallback");
+var useCombinedRef_1 = require("../hooks/useCombinedRef");
+// eslint-disable-next-line max-statements -- required for functional component
 var DateInput = function (_a) {
-    var _b = _a.adapter, adapter = _b === void 0 ? date_fns_adapter_1.default : _b, _c = _a.formatString, _formatString = _c === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _c, onChange = _a.onChange, value = _a.value, locale = _a.locale, weekStartsOn = _a.weekStartsOn, overrides = _a.overrides, minDate = _a.minDate, maxDate = _a.maxDate, timeSelect = _a.timeSelect, _d = _a.showTimezone, showTimezone = _d === void 0 ? false : _d, _e = _a.timezone, timezone = _e === void 0 ? (0, utils_2.getSystemTzName)() : _e, _onFocus = _a.onFocus, _onKeyDown = _a.onKeyDown, placeholder = _a.placeholder, restProps = (0, tslib_1.__rest)(_a, ["adapter", "formatString", "onChange", "value", "locale", "weekStartsOn", "overrides", "minDate", "maxDate", "timeSelect", "showTimezone", "timezone", "onFocus", "onKeyDown", "placeholder"]);
+    var _b = _a.adapter, adapter = _b === void 0 ? date_fns_adapter_1.default : _b, _c = _a.formatString, _formatString = _c === void 0 ? constants_1.DEFAULT_FORMAT_STRING : _c, onChange = _a.onChange, _value = _a.value, locale = _a.locale, weekStartsOn = _a.weekStartsOn, overrides = _a.overrides, _minDate = _a.minDate, _maxDate = _a.maxDate, timeSelect = _a.timeSelect, _d = _a.showTimezone, showTimezone = _d === void 0 ? false : _d, _e = _a.timezone, timezone = _e === void 0 ? (0, getSystemTzName_1.getSystemTzName)() : _e, timezoneOptions = _a.timezoneOptions, _onFocus = _a.onFocus, _onBlur = _a.onBlur, _onKeyDown = _a.onKeyDown, placeholder = _a.placeholder, getTimeRangesForDate = _a.getTimeRangesForDate, onOpen = _a.onOpen, onClose = _a.onClose, inputToDateParser = _a.inputToDateParser, disableTimezoneSwitch = _a.disableTimezoneSwitch, _f = _a.disableOutOfBoundaryDateAdaptation, disableOutOfBoundaryDateAdaptation = _f === void 0 ? false : _f, restProps = tslib_1.__rest(_a, ["adapter", "formatString", "onChange", "value", "locale", "weekStartsOn", "overrides", "minDate", "maxDate", "timeSelect", "showTimezone", "timezone", "timezoneOptions", "onFocus", "onBlur", "onKeyDown", "placeholder", "getTimeRangesForDate", "onOpen", "onClose", "inputToDateParser", "disableTimezoneSwitch", "disableOutOfBoundaryDateAdaptation"]);
+    var _g = (0, react_1.useMemo)(function () {
+        return (0, utils_2.getMinMaxDateInTimezone)({
+            maxDate: _maxDate,
+            minDate: _minDate,
+            timezone: timezone,
+            timezoneOptions: timezoneOptions,
+        });
+    }, [_minDate, _maxDate, timezone, timezoneOptions]), minDate = _g.minDate, maxDate = _g.maxDate;
+    var value = _value ? new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(_value, timezone, timezoneOptions)) : _value;
+    //setting the initial date inside min and max boundary based on disableOutOfBoundaryDateAdaptation prop
+    if (!disableOutOfBoundaryDateAdaptation) {
+        value = (0, utils_1.getDateInsideMinMaxBoundary)(value, minDate, maxDate);
+    }
+    var _h = tslib_1.__read((0, react_1.useState)(value), 2), prevValue = _h[0], setPrevValue = _h[1];
     var intent = (0, context_1.useContextualFormProps)(restProps).intent;
     var dateFnsLocale = (0, react_1.useMemo)(function () { return (0, utils_1.prepareLocale)(locale, { weekStartsOn: weekStartsOn }); }, [weekStartsOn, locale]);
     var dateHelpers = (0, react_1.useMemo)(function () { return new date_helpers_1.default(adapter); }, [adapter]);
-    var _f = (0, tslib_1.__read)((0, react_1.useState)(false), 2), isOpen = _f[0], setIsOpen = _f[1];
-    var formatString = (0, react_1.useMemo)(function () { return (0, utils_3.convertToDfnsFormat)(_formatString); }, [_formatString]);
+    var _j = tslib_1.__read((0, react_1.useState)('docsStartOpen' in restProps ? restProps.docsStartOpen : false), 2), isOpen = _j[0], setIsOpen = _j[1]; // docsStartOpen is ONLY for VRT examples
+    var formatString = (0, react_1.useMemo)(function () { return (0, utils_3.convertToAnyDateParserFormat)((0, utils_3.convertToDfnsFormat)(_formatString)); }, [_formatString]);
     var anyDateParser = (0, react_1.useMemo)(function () { return (0, utils_3.getAnyDateParser)(formatString); }, [formatString]);
-    var mergedOverrides = (0, react_1.useMemo)(function () { return (0, overrides_1.mergeOverrides)(constants_2.DATE_PICKER_CONTENT_OVERRIDES, overrides); }, [overrides]);
-    var openDatePicker = (0, react_1.useCallback)(function () { return setIsOpen(true); }, []);
-    var _g = (0, tslib_1.__read)((0, react_1.useState)(function () {
-        return value ? new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(value, timezone)) : undefined;
-    }), 2), timezoneAdaptedValue = _g[0], setTimeZoneAdaptedValue = _g[1];
-    var _h = (0, tslib_1.__read)((0, react_1.useState)(function () {
+    var _k = tslib_1.__read((0, react_1.useState)(formatString), 2), prevFormatString = _k[0], setPrevFormatString = _k[1];
+    var openDatePicker = (0, react_1.useCallback)(function () {
+        setIsOpen(true);
+        onOpen === null || onOpen === void 0 ? void 0 : onOpen();
+    }, [onOpen]);
+    var _l = tslib_1.__read((0, react_1.useState)(value ? new Date(value) : undefined), 2), timezoneAdaptedValue = _l[0], setTimeZoneAdaptedValue = _l[1];
+    var contentRef = (0, react_1.useRef)(null);
+    var inputRef = (0, react_1.useRef)(null);
+    var _m = tslib_1.__read((0, react_1.useState)(function () {
         return (0, utils_1.formatDate)({ date: timezoneAdaptedValue, locale: dateFnsLocale, dateHelpers: dateHelpers, formatString: formatString });
-    }), 2), inputValue = _h[0], setInputValue = _h[1];
-    var _j = (0, tslib_1.__read)((0, react_1.useState)(function () { return !(0, utils_1.isDayInRange)(timezoneAdaptedValue, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }); }), 2), error = _j[0], setError = _j[1];
+    }), 2), inputValue = _m[0], setInputValue = _m[1];
+    var _o = tslib_1.__read((0, react_1.useState)(function () { return !(0, utils_1.isDayInRange)(timezoneAdaptedValue, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }); }), 2), error = _o[0], setError = _o[1];
+    if ((value === null || value === void 0 ? void 0 : value.getTime()) !== (prevValue === null || prevValue === void 0 ? void 0 : prevValue.getTime())) {
+        setPrevValue(value);
+        var nextTimezoneAdaptedValue = value ? new Date(value) : undefined;
+        setTimeZoneAdaptedValue(nextTimezoneAdaptedValue);
+        setError(!(0, utils_1.isDayInRange)(nextTimezoneAdaptedValue, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }));
+        setInputValue((0, utils_1.formatDate)({ date: nextTimezoneAdaptedValue, locale: dateFnsLocale, dateHelpers: dateHelpers, formatString: formatString }));
+    }
+    if (formatString !== prevFormatString) {
+        // If formatString changes, update the input
+        var date = value ? new Date(value) : undefined;
+        setInputValue((0, utils_1.formatDate)({ date: date, locale: dateFnsLocale, dateHelpers: dateHelpers, formatString: formatString }));
+        setPrevFormatString(formatString);
+    }
     var handleInputChange = (0, react_1.useCallback)(function (e) {
         var _a;
         var _inputValue = e.target.value;
-        openDatePicker();
         setInputValue(_inputValue);
         setError(false);
-        var parsedDate = parseDateFromInput(_inputValue, anyDateParser);
+        var parsedDate = inputToDateParser
+            ? inputToDateParser(_inputValue, anyDateParser, formatString)
+            : (0, utils_3.defaultInputToDateParser)(_inputValue, anyDateParser, formatString);
         if (parsedDate !== null) {
             setTimeZoneAdaptedValue(parsedDate);
         }
@@ -60,29 +84,30 @@ var DateInput = function (_a) {
             setError(_inputValue.length > 0);
         }
         (_a = restProps === null || restProps === void 0 ? void 0 : restProps.onInputChange) === null || _a === void 0 ? void 0 : _a.call(restProps, e);
-    }, [anyDateParser, openDatePicker, restProps]);
+    }, [anyDateParser, formatString, inputToDateParser, restProps]);
     var onCalendarDateChange = (0, react_1.useCallback)(function (data) {
-        var _date = data.date, _timezone = data.timezone;
+        var _date = data.date, _timezone = data.timezone, _a = data.shouldClosePopover, shouldClosePopover = _a === void 0 ? true : _a;
         // _date is timezone adapted date, original date is what user actually selected from calendar
-        var originalDate = new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(_date, _timezone));
+        var originalDate = new Date((0, utils_2.convertDateFromSystemTzToTargetTz)(_date, _timezone, timezoneOptions));
         setInputValue((0, utils_1.formatDate)({
             date: originalDate,
             locale: dateFnsLocale,
             dateHelpers: dateHelpers,
             formatString: formatString,
         }));
+        setTimeZoneAdaptedValue(originalDate);
         setError(!(0, utils_1.isDayInRange)(originalDate, { minDate: minDate, maxDate: maxDate, dateHelpers: dateHelpers }));
         onChange(_date, _timezone, { type: constants_2.DATE_INPUT_CHANGE_TYPE.CALENDAR });
-        setIsOpen(false);
-    }, [onChange, dateFnsLocale, dateHelpers, formatString, minDate, maxDate]);
-    var onFocus = (0, react_1.useCallback)(function (e) {
-        openDatePicker();
-        _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
-    }, [openDatePicker, _onFocus]);
+        if (shouldClosePopover) {
+            setIsOpen(false);
+        }
+    }, [onChange, dateFnsLocale, dateHelpers, formatString, minDate, maxDate, timezoneOptions]);
     var setParsedDate = (0, react_1.useCallback)(function () {
-        var parsedDate = parseDateFromInput(inputValue, anyDateParser);
+        var parsedDate = inputToDateParser
+            ? inputToDateParser(inputValue, anyDateParser, formatString)
+            : (0, utils_3.defaultInputToDateParser)(inputValue, anyDateParser, formatString);
         if (parsedDate === null) {
-            onChange(null);
+            onChange(null, timezone);
         }
         else {
             var isValidDate = dateHelpers.isValid(parsedDate);
@@ -93,36 +118,117 @@ var DateInput = function (_a) {
                     dateHelpers: dateHelpers,
                     formatString: formatString,
                 }));
-                onChange === null || onChange === void 0 ? void 0 : onChange(new Date((0, utils_2.convertDateFromTargetTzToSystemTz)(parsedDate, timezone)), timezone, {
+                onChange === null || onChange === void 0 ? void 0 : onChange(new Date((0, utils_2.convertDateFromTargetTzToSystemTz)(parsedDate, timezone, timezoneOptions)), timezone, {
                     type: constants_2.DATE_INPUT_CHANGE_TYPE.INPUT,
                 });
             }
             else {
-                onChange === null || onChange === void 0 ? void 0 : onChange(null, undefined, { type: constants_2.DATE_INPUT_CHANGE_TYPE.INPUT });
+                onChange === null || onChange === void 0 ? void 0 : onChange(null, timezone, { type: constants_2.DATE_INPUT_CHANGE_TYPE.INPUT });
                 setError(true);
             }
         }
-    }, [anyDateParser, dateFnsLocale, dateHelpers, formatString, inputValue, onChange, timezone]);
+    }, [
+        anyDateParser,
+        dateFnsLocale,
+        dateHelpers,
+        formatString,
+        inputToDateParser,
+        inputValue,
+        onChange,
+        timezone,
+        timezoneOptions,
+    ]);
     var closeDatePicker = (0, react_1.useCallback)(function () {
         setIsOpen(false);
+        onClose === null || onClose === void 0 ? void 0 : onClose();
         setParsedDate();
-    }, [setParsedDate]);
-    var handleKeyDown = (0, react_1.useCallback)(function (e) {
-        if (e.key === 'ArrowDown') {
+    }, [setParsedDate, onClose]);
+    var toggleDatePicker = (0, react_1.useCallback)(function () {
+        if (isOpen) {
+            closeDatePicker();
+        }
+        else {
             openDatePicker();
         }
-        if (e.key === 'Tab') {
+    }, [isOpen, closeDatePicker, openDatePicker]);
+    var _p = tslib_1.__read((0, react_1.useState)(false), 2), isContainerFocused = _p[0], setIsContainerFocused = _p[1];
+    var mergedOverrides = (0, react_1.useMemo)(function () {
+        return (0, overrides_1.mergeOverrides)({
+            Popover: {
+                props: {
+                    overrides: {
+                        Inner: {
+                            className: 'border-none spr-shadow-100',
+                        },
+                    },
+                },
+            },
+            Input: {
+                props: {
+                    className: 'group',
+                    overrides: tslib_1.__assign(tslib_1.__assign({}, (isOpen ? { InputContainer: { props: { $isFocused: true } } } : {})), { Input: {
+                            className: 'pl-2',
+                            props: {
+                                onClick: function (e) {
+                                    e.stopPropagation();
+                                },
+                                onMouseDown: function (e) {
+                                    e.stopPropagation();
+                                },
+                            },
+                        }, Before: {
+                            component: DatePickerInput_1.InputBeforeEnhancer,
+                        }, After: {
+                            component: DatePickerInput_1.InputAfterEnhancer,
+                            props: {
+                                isOpen: isOpen,
+                                disabled: restProps.disabled,
+                                tabIndex: isContainerFocused ? 0 : -1,
+                            },
+                        } }),
+                },
+            },
+        }, overrides);
+    }, [overrides, isOpen, restProps.disabled, isContainerFocused]);
+    var onFocus = (0, react_1.useCallback)(function (e) {
+        setIsContainerFocused(true);
+        _onFocus === null || _onFocus === void 0 ? void 0 : _onFocus(e);
+    }, [_onFocus]);
+    var handleKeyDown = (0, react_1.useCallback)(function (e) {
+        if (e.key === 'Tab' || e.key === 'Enter') {
             closeDatePicker();
         }
-        if (e.key === 'Enter') {
+        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
+    }, [_onKeyDown, closeDatePicker]);
+    var onBlur = (0, useLatestCallback_1.useLatestCallback)(function (e) {
+        var _a;
+        setIsContainerFocused(false);
+        var contentEl = contentRef.current;
+        // The Year/Month selector menu (which gets autofocused on open) is rendered as a sibling of contentEl
+        // We check contentEl.parentElement(Popover.Inner) as a potential container for events
+        if (!contentEl || !(((_a = contentEl.parentElement) === null || _a === void 0 ? void 0 : _a.contains(e.relatedTarget)) || contentEl.contains(e.relatedTarget))) {
             closeDatePicker();
         }
-        _onKeyDown === null || _onKeyDown === void 0 ? void 0 : _onKeyDown(e);
-    }, [_onKeyDown, openDatePicker, closeDatePicker]);
-    var _k = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Content, DatePickerContent_1.DatePickerContent), 2), Content = _k[0], contentProps = _k[1];
-    var _l = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Input, input_1.Input), 2), Input = _l[0], inputProps = _l[1];
-    var _m = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Popover, popover_1.Popover), 2), Popover = _m[0], popoverProps = _m[1];
-    var _o = (0, tslib_1.__read)((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Root, box_1.Box), 2), Root = _o[0], rootProps = _o[1];
-    return ((0, jsx_runtime_1.jsx)(Popover, (0, tslib_1.__assign)({ isOpen: isOpen, returnFocus: false, autoFocus: false, onEsc: closeDatePicker, onClickOutside: closeDatePicker, content: (0, jsx_runtime_1.jsx)(Content, (0, tslib_1.__assign)({ value: timezoneAdaptedValue, onChange: onCalendarDateChange, timeSelect: timeSelect, onClose: closeDatePicker, formatString: formatString, adapter: adapter, locale: dateFnsLocale, showTimezone: showTimezone, timezone: timezone, minDate: minDate, maxDate: maxDate }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: (0, jsx_runtime_1.jsx)(Root, (0, tslib_1.__assign)({}, rootProps, { children: (0, jsx_runtime_1.jsx)(Input, (0, tslib_1.__assign)({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString, intent: error ? 'error' : intent }, inputProps), void 0) }), void 0) }), void 0));
+        // on blur, clear the input if the value is malformed
+        if (!value && inputValue) {
+            setInputValue('');
+            setError(false);
+        }
+        _onBlur === null || _onBlur === void 0 ? void 0 : _onBlur(e);
+    });
+    var _q = tslib_1.__read((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Content, DatePickerContent_1.DatePickerContent), 2), Content = _q[0], contentProps = _q[1];
+    var _r = tslib_1.__read((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Input, input_1.Input), 2), Input = _r[0], inputProps = _r[1];
+    var _s = tslib_1.__read((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Popover, popover_1.Popover), 2), Popover = _s[0], popoverProps = _s[1];
+    var _t = tslib_1.__read((0, overrides_1.useOverrides)(mergedOverrides === null || mergedOverrides === void 0 ? void 0 : mergedOverrides.Root, box_1.Box), 2), Root = _t[0], rootProps = _t[1];
+    return ((0, jsx_runtime_1.jsx)(Popover, tslib_1.__assign({ accessibilityType: "none", isOpen: isOpen, focusLock: true, returnFocus: true, autoFocus: false, onEsc: closeDatePicker, onClickOutside: closeDatePicker, onClick: restProps.disabled ? undefined : toggleDatePicker, content: (0, jsx_runtime_1.jsx)(Content, tslib_1.__assign({ value: timezoneAdaptedValue, onChange: onCalendarDateChange, timeSelect: timeSelect, onClose: closeDatePicker, formatString: formatString, adapter: adapter, locale: dateFnsLocale, showTimezone: showTimezone, timezone: timezone, timezoneOptions: timezoneOptions, minDate: _minDate, maxDate: _maxDate, ref: contentRef, tabIndex: -1, 
+            /*  Adding tabIndex to make Content focusable by click , so that we can decide ,
+                in Blur event of Input where does focus moves ,
+                   if it inside Content
+                      we do not close Popover
+                   else
+                      we close the Popover.
+            */
+            getTimeRangesForDate: getTimeRangesForDate, disableTimezoneSwitch: disableTimezoneSwitch }, contentProps), timezoneAdaptedValue === null || timezoneAdaptedValue === void 0 ? void 0 : timezoneAdaptedValue.getTime()) }, popoverProps, { children: (0, jsx_runtime_1.jsx)(Root, tslib_1.__assign({}, rootProps, { children: (0, jsx_runtime_1.jsx)(Input, tslib_1.__assign({ value: inputValue, onChange: handleInputChange, disabled: restProps.disabled, onFocus: onFocus, onBlur: onBlur, onKeyDown: handleKeyDown }, restProps, { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : formatString.toLowerCase(), intent: error ? 'error' : intent }, inputProps, { inputRef: (0, useCombinedRef_1.combineRefs)(inputRef, inputProps.ref) })) })) })));
 };
 exports.DateInput = DateInput;
+exports.DateInput.__standard = 'Component';

package/date-input/constants.d.ts

@@ -1,27 +1,3 @@
-export declare const DATE_PICKER_CONTENT_OVERRIDES: {
-    Content: {
-        props: {
-            overrides: {
-                TimePickerFormControl: {
-                    props: {
-                        label: null;
-                    };
-                };
-                DateInputFormControl: {
-                    props: {
-                        label: null;
-                    };
-                };
-                Root: {
-                    style: string;
-                };
-                CalendarHeader: {
-                    style: string;
-                };
-            };
-        };
-    };
-};
 export declare const DATE_INPUT_CHANGE_TYPE: {
     CALENDAR: string;
     INPUT: string;

package/date-input/constants.js

@@ -1,30 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DATE_INPUT_CHANGE_TYPE = exports.DATE_PICKER_CONTENT_OVERRIDES = void 0;
-exports.DATE_PICKER_CONTENT_OVERRIDES = {
-    Content: {
-        props: {
-            overrides: {
-                TimePickerFormControl: {
-                    props: {
-                        label: null,
-                    },
-                },
-                DateInputFormControl: {
-                    props: {
-                        label: null,
-                    },
-                },
-                Root: {
-                    style: 'rounded-8',
-                },
-                CalendarHeader: {
-                    style: 'rounded-8',
-                },
-            },
-        },
-    },
-};
+exports.DATE_INPUT_CHANGE_TYPE = void 0;
 exports.DATE_INPUT_CHANGE_TYPE = {
     CALENDAR: 'calendar',
     INPUT: 'input',

package/date-input/index.d.ts

@@ -1,3 +1,4 @@
 export { DateInput } from './DateInput';
 export { DATE_INPUT_CHANGE_TYPE } from './constants';
+export { getAnyDateParser, convertToDfnsFormat, defaultInputToDateParser, convertToAnyDateParserFormat } from './utils';
 export * from './types';

package/date-input/index.js

@@ -1,9 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DATE_INPUT_CHANGE_TYPE = exports.DateInput = void 0;
+exports.convertToAnyDateParserFormat = exports.defaultInputToDateParser = exports.convertToDfnsFormat = exports.getAnyDateParser = exports.DATE_INPUT_CHANGE_TYPE = exports.DateInput = void 0;
 var tslib_1 = require("tslib");
 var DateInput_1 = require("./DateInput");
 Object.defineProperty(exports, "DateInput", { enumerable: true, get: function () { return DateInput_1.DateInput; } });
 var constants_1 = require("./constants");
 Object.defineProperty(exports, "DATE_INPUT_CHANGE_TYPE", { enumerable: true, get: function () { return constants_1.DATE_INPUT_CHANGE_TYPE; } });
-(0, tslib_1.__exportStar)(require("./types"), exports);
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getAnyDateParser", { enumerable: true, get: function () { return utils_1.getAnyDateParser; } });
+Object.defineProperty(exports, "convertToDfnsFormat", { enumerable: true, get: function () { return utils_1.convertToDfnsFormat; } });
+Object.defineProperty(exports, "defaultInputToDateParser", { enumerable: true, get: function () { return utils_1.defaultInputToDateParser; } });
+Object.defineProperty(exports, "convertToAnyDateParserFormat", { enumerable: true, get: function () { return utils_1.convertToAnyDateParserFormat; } });
+tslib_1.__exportStar(require("./types"), exports);

package/date-input/types.d.ts

@@ -1,26 +1,22 @@
 import { Override } from '../overrides';
-import { WeekStartsOn } from '../date-picker';
+import { DatePickerProps } from '../date-picker';
 import { InputProps } from '../input';
 import { ChangeEvent } from 'react';
-export declare type DateInputProps = Omit<InputProps, 'value' | 'onChange' | 'min' | 'max' | 'debouncedOnChange' | 'debounceInterval' | 'type' | 'inputMode' | 'overrides'> & {
-    formatString?: string;
-    adapter?: any;
+import { getAnyDateParser } from './utils';
+export type DateInputProps = Omit<InputProps, 'value' | 'onChange' | 'min' | 'max' | 'debouncedOnChange' | 'debounceInterval' | 'type' | 'inputMode' | 'overrides'> & Pick<DatePickerProps, 'getTimeRangesForDate' | 'formatString' | 'adapter' | 'value' | 'weekStartsOn' | 'minDate' | 'maxDate' | 'timeSelect' | 'showTimezone' | 'timezone' | 'timezoneOptions' | 'disableTimezoneSwitch'> & {
     locale?: any;
-    value?: Date;
+    disableOutOfBoundaryDateAdaptation?: boolean;
     onChange: (value?: Date | null, timezone?: string, additional?: {
         type?: string;
     }) => void;
     onInputChange?: (e: ChangeEvent<HTMLInputElement>) => void;
-    weekStartsOn?: WeekStartsOn;
-    minDate?: Date;
-    maxDate?: Date;
-    timeSelect?: boolean;
-    showTimezone?: boolean;
-    timezone?: string;
     overrides?: {
         Popover?: Override<Record<string, any>>;
         Root?: Override<Record<string, any>>;
         Input?: Override<Record<string, any>>;
         Content?: Override<Record<string, any>>;
     };
+    inputToDateParser?: (inputValue: string, parser: ReturnType<typeof getAnyDateParser>, formatString?: string) => Date | null;
+    onOpen?: () => void;
+    onClose?: () => void;
 };

package/date-input/utils.d.ts

@@ -1,2 +1,15 @@
-export declare const getAnyDateParser: (formatString: string) => any;
+/** Day-before-month (e.g. DD/MM) vs month-before-day (e.g. MM/DD) for locale hint when parsing */
+export declare const isDDMM: (formatString: string) => boolean;
+export declare const convertToAnyDateParserFormat: (formatString: string) => string;
+/**
+ * Returns the any-date-parser default parser.
+ * Format string is accepted for API compatibility but the 2.x package uses built-in formats only.
+ */
+export declare const getAnyDateParser: (_formatString?: string) => {
+    fromString: typeof import("any-date-parser").fromString;
+    fromAny: typeof import("any-date-parser").fromAny;
+    fromObject: typeof import("any-date-parser").fromObject;
+    attempt: typeof import("any-date-parser").attempt;
+};
 export declare const convertToDfnsFormat: (formatString: string) => string;
+export declare const defaultInputToDateParser: (inputValue: string, parserInstance: ReturnType<typeof getAnyDateParser>, formatString?: string) => Date | null;

package/date-input/utils.js

@@ -1,77 +1,45 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.convertToDfnsFormat = exports.getAnyDateParser = void 0;
+exports.defaultInputToDateParser = exports.convertToDfnsFormat = exports.getAnyDateParser = exports.convertToAnyDateParserFormat = exports.isDDMM = void 0;
 var tslib_1 = require("tslib");
-var Parser_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/Parser/Parser"));
-var Format_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/Format/Format"));
-var LocaleHelper_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/LocaleHelper/LocaleHelper"));
-var atSeconds_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/atSeconds/atSeconds"));
-var microsoftJson_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/microsoftJson/microsoftJson"));
-var ago_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/ago/ago"));
-var chinese_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/chinese/chinese"));
-var dayMonth_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonth/dayMonth"));
-var dayMonthname_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonthname/dayMonthname"));
-var dayMonthnameYear_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonthnameYear/dayMonthnameYear"));
-var dayMonthYear_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/dayMonthYear/dayMonthYear"));
-var defaultLocale_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/data/defaultLocale"));
-var monthDay_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/monthDay/monthDay"));
-var monthnameDay_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/monthnameDay/monthnameDay"));
-var monthnameDayYear_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/monthnameDayYear/monthnameDayYear"));
-var time12Hours_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/time12Hours/time12Hours"));
-var time24Hours_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/time24Hours/time24Hours"));
-var today_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/today/today"));
-var twitter_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/twitter/twitter"));
-var yearMonthDay_1 = (0, tslib_1.__importDefault)(require("any-date-parser/src/formats/yearMonthDay/yearMonthDay"));
-//overrides the default any-date-parser monthDayYear format to be usable in any locale
-var monthDayYear = new Format_1.default({
-    template: '^(_MONTH_)([\\/ -])(_DAY_)\\2(_YEAR_)$',
-    units: ['month', null, 'day', 'year'],
-});
+var any_date_parser_1 = tslib_1.__importDefault(require("any-date-parser"));
+/** Day-before-month (e.g. DD/MM) vs month-before-day (e.g. MM/DD) for locale hint when parsing */
 var isDDMM = function (formatString) {
     var indexD = formatString.toLowerCase().indexOf('d');
     var indexM = formatString.toLowerCase().indexOf('m');
     return indexD !== -1 && (indexM === -1 || indexD < indexM);
 };
-var getAnyDateParser = function (formatString) {
-    var parser = new Parser_1.default();
-    var dateFirst = isDDMM(formatString);
-    parser
-        // all formats can have time strings at the end
-        .addFormats((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)((0, tslib_1.__spreadArray)([
-        time24Hours_1.default,
-        time12Hours_1.default,
-        // from most unambiguous and popular to least
-        dayMonthnameYear_1.default,
-        monthnameDayYear_1.default
-    ], (0, tslib_1.__read)((dateFirst ? [dayMonthYear_1.default, monthDayYear] : [monthDayYear, dayMonthYear_1.default])), false), [
-        chinese_1.default,
-        twitter_1.default,
-        today_1.default,
-        ago_1.default,
-        monthnameDay_1.default,
-        dayMonthname_1.default
-    ], false), (0, tslib_1.__read)((dateFirst ? [dayMonth_1.default, monthDay_1.default] : [monthDay_1.default, dayMonth_1.default])), false), [
-        yearMonthDay_1.default,
-        atSeconds_1.default,
-        microsoftJson_1.default,
-    ], false));
-    // make it easy to consume our other main modules and functions
-    parser.Parser = Parser_1.default;
-    parser.Format = Format_1.default;
-    parser.LocaleHelper = LocaleHelper_1.default;
-    parser.defaultLocale = defaultLocale_1.default;
-    // create functions on Date
-    parser.fromString = parser.exportAsFunction();
-    parser.fromAny = parser.exportAsFunctionAny();
-    return parser;
+exports.isDDMM = isDDMM;
+var convertToAnyDateParserFormat = function (formatString) {
+    //any-date-parser is not able to handle changes in timezone from input hence removing 'z'
+    return formatString.replace(/z/gi, '').trim();
 };
+exports.convertToAnyDateParserFormat = convertToAnyDateParserFormat;
+/**
+ * Returns the any-date-parser default parser.
+ * Format string is accepted for API compatibility but the 2.x package uses built-in formats only.
+ */
+var getAnyDateParser = function (_formatString) { return any_date_parser_1.default; };
 exports.getAnyDateParser = getAnyDateParser;
 var convertToDfnsFormat = function (formatString) {
     //DateFNS can not handle DD and YYYY hence converting them to lower case.
-    //any-date-parser is not able to handle changes in timezone from input hence removing 'z'
-    return formatString
-        .replace(/([DY])/g, function (_, str) { return str.toLowerCase(); })
-        .replace(/z/gi, '')
-        .trim();
+    return formatString.replace(/([DY])/g, function (_, str) { return str.toLowerCase(); }).trim();
 };
 exports.convertToDfnsFormat = convertToDfnsFormat;
+var defaultInputToDateParser = function (inputValue, parserInstance, formatString) {
+    var _a, _b, _c, _d, _e, _f;
+    var _inputValue = inputValue.replace(/,/g, ' ').replace(/\s+/g, ' ').trim();
+    var currentDate = new Date();
+    var locale = formatString && (0, exports.isDDMM)(formatString) ? 'en-GB' : 'en-US';
+    var parsedValue = parserInstance.attempt(_inputValue, locale);
+    // any-date-parser's yearMonthDay format only accepts hyphen or no separator (e.g. yyyy-MM-dd),
+    // but date-fns with format "yyyy/MM/dd" outputs slashes. Try with hyphens if initial parse fails.
+    if (parsedValue.invalid && _inputValue.includes('/')) {
+        parsedValue = parserInstance.attempt(_inputValue.replace(/\//g, '-'), locale);
+    }
+    if (parsedValue.invalid) {
+        return null;
+    }
+    return new Date((_a = parsedValue.year) !== null && _a !== void 0 ? _a : currentDate.getFullYear(), parsedValue.month ? parsedValue.month - 1 : currentDate.getMonth(), (_b = parsedValue.day) !== null && _b !== void 0 ? _b : currentDate.getDate(), (_c = parsedValue.hour) !== null && _c !== void 0 ? _c : 0, (_d = parsedValue.minute) !== null && _d !== void 0 ? _d : 0, (_e = parsedValue.second) !== null && _e !== void 0 ? _e : 0, (_f = parsedValue.millisecond) !== null && _f !== void 0 ? _f : 0);
+};
+exports.defaultInputToDateParser = defaultInputToDateParser;

package/date-picker/Calendar.d.ts

@@ -1,4 +1,7 @@
 import { PropsWithChildren, ReactElement } from 'react';
 import { CalendarProps } from './types';
-declare const Calendar: ({ overrides, adapter, formatString, weekStartsOn, ...props }: PropsWithChildren<CalendarProps>) => ReactElement;
+declare const Calendar: {
+    ({ overrides, adapter, formatString, weekStartsOn, getDefaultTime, formatDisplayValue, ...props }: PropsWithChildren<CalendarProps>): ReactElement;
+    __standard: string;
+};
 export default Calendar;