@razorpay/blade 12.19.0 → 12.20.0

package/build/lib/web/development/components/DatePicker/DatePicker.web.js

@@ -1,428 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { DatesProvider } from '@mantine/dates';
-import React__default from 'react';
-import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
-import { useI18nContext } from '@razorpay/i18nify-react';
-import { MantineProvider } from '@mantine/core';
-import dayjs from 'dayjs';
-import { Calendar } from './Calendar.web.js';
-import { PresetSideBar } from './QuickSelection/PresetSideBar.web.js';
-import { useDatesState } from './useDatesState.js';
-import { DatePickerInput } from './DateInput.web.js';
-import { usePopup } from './usePopup.js';
-import { CalendarFooter } from './CalendarFooter.web.js';
-import { convertIntlToDayjsLocale, loadScript } from './utils.js';
-import { shiftTimezone } from './shiftTimezone.js';
-import '../Box/BaseBox/index.js';
-import { useControllableState } from '../../utils/useControllable.js';
-import '../../utils/index.js';
-import { useId } from '../../utils/useId.js';
-import '../../utils/makeAccessible/index.js';
-import { useIsMobile } from '../../utils/useIsMobile.js';
-import '../BottomSheet/index.js';
-import '../../utils/logger/index.js';
-import '../Box/styledProps/index.js';
-import '../../utils/metaAttribute/index.js';
-import { componentZIndices } from '../../utils/componentZIndices.js';
-import '../../utils/makeAnalyticsAttribute/index.js';
-import '../../utils/fireNativeEvent/index.js';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import useTheme from '../BladeProvider/useTheme.js';
-import { fireNativeEvent } from '../../utils/fireNativeEvent/fireNativeEvent.web.js';
-import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
-import { logger } from '../../utils/logger/logger.js';
-import { getStyledProps } from '../Box/styledProps/getStyledProps.js';
-import { metaAttribute } from '../../utils/metaAttribute/metaAttribute.web.js';
-import { MetaConstants } from '../../utils/metaAttribute/metaConstants.js';
-import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
-import { BottomSheet } from '../BottomSheet/BottomSheet.web.js';
-import { BottomSheetHeader } from '../BottomSheet/BottomSheetHeader.web.js';
-import { BottomSheetBody } from '../BottomSheet/BottomSheetBody.web.js';
-import { BottomSheetFooter } from '../BottomSheet/BottomSheetFooter.web.js';
-import { makeAccessible } from '../../utils/makeAccessible/makeAccessible.web.js';
+import 'react';
+import { BaseDatePicker } from './BaseDatePicker.web.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["selectionType", "allowSingleDateInRange", "value", "defaultValue", "onChange", "onApply", "presets", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "defaultPicker", "picker", "onPickerChange", "zIndex", "format", "inputPlaceHolder"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DatePicker = function DatePicker(_ref) {
-  var selectionType = _ref.selectionType,
-    allowSingleDateInRange = _ref.allowSingleDateInRange,
-    value = _ref.value,
-    defaultValue = _ref.defaultValue,
-    _onChange = _ref.onChange,
-    onApply = _ref.onApply,
-    presets = _ref.presets,
-    isOpen = _ref.isOpen,
-    defaultIsOpen = _ref.defaultIsOpen,
-    onOpenChange = _ref.onOpenChange,
-    label = _ref.label,
-    _ref$labelPosition = _ref.labelPosition,
-    labelPosition = _ref$labelPosition === void 0 ? 'top' : _ref$labelPosition,
-    accessibilityLabel = _ref.accessibilityLabel,
-    errorText = _ref.errorText,
-    helpText = _ref.helpText,
-    isDisabled = _ref.isDisabled,
-    isRequired = _ref.isRequired,
-    successText = _ref.successText,
-    validationState = _ref.validationState,
-    size = _ref.size,
-    autoFocus = _ref.autoFocus,
-    necessityIndicator = _ref.necessityIndicator,
-    name = _ref.name,
-    _ref$defaultPicker = _ref.defaultPicker,
-    defaultPicker = _ref$defaultPicker === void 0 ? 'day' : _ref$defaultPicker,
-    picker = _ref.picker,
-    onPickerChange = _ref.onPickerChange,
-    _ref$zIndex = _ref.zIndex,
-    zIndex = _ref$zIndex === void 0 ? componentZIndices.popover : _ref$zIndex,
-    _ref$format = _ref.format,
-    format = _ref$format === void 0 ? 'DD/MM/YYYY' : _ref$format,
-    inputPlaceHolder = _ref.inputPlaceHolder,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useI18nContext = useI18nContext(),
-    i18nState = _useI18nContext.i18nState;
-  var _selectionType = selectionType !== null && selectionType !== void 0 ? selectionType : 'single';
-  var _useTheme = useTheme(),
-    theme = _useTheme.theme;
-  var isSingle = _selectionType === 'single';
-  var _React$useReducer = React__default.useReducer(function (x) {
-      return x + 1;
-    }, 0),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    _ = _React$useReducer2[0],
-    forceRerender = _React$useReducer2[1];
-  var _React$useState = React__default.useState(null),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    selectedPreset = _React$useState2[0],
-    setSelectedPreset = _React$useState2[1];
-  var referenceRef = React__default.useRef(null);
-  var _useControllableState = useControllableState({
-      defaultValue: defaultPicker,
-      value: picker,
-      onChange: function onChange(picker) {
-        onPickerChange === null || onPickerChange === void 0 ? void 0 : onPickerChange(picker);
-      }
-    }),
-    _useControllableState2 = _slicedToArray(_useControllableState, 2),
-    _picker = _useControllableState2[0],
-    setPicker = _useControllableState2[1];
-  var finalFormat = React__default.useMemo(function () {
-    if (format) {
-      return format;
-    }
-    if (picker === 'month') {
-      return 'MMMM';
-    }
-    if (picker === 'year') {
-      return 'YYYY';
-    }
-    return 'DD/MM/YYYY';
-  }, [format, picker]);
-  var finalInputPlaceHolder = React__default.useMemo(function () {
-    if (inputPlaceHolder) {
-      return inputPlaceHolder;
-    }
-    if (picker === 'month') {
-      return 'Month';
-    }
-    if (picker === 'year') {
-      return 'Year';
-    }
-    return 'DD/MM/YYYY';
-  }, [inputPlaceHolder, picker]);
-  var _useDatesState = useDatesState({
-      level: _picker,
-      type: isSingle ? 'default' : 'range',
-      allowDeselect: false,
-      allowSingleDateInRange: allowSingleDateInRange,
-      value: value,
-      defaultValue: defaultValue,
-      onChange: function onChange(date) {
-        _onChange === null || _onChange === void 0 ? void 0 : _onChange(date);
-        fireNativeEvent(referenceRef, ['input']);
-        if (isSingle) return;
-        // sync selected preset with value
-        setSelectedPreset(date);
-      }
-    }),
-    onDateChange = _useDatesState.onDateChange,
-    onRootMouseLeave = _useDatesState.onRootMouseLeave,
-    onHoveredDateChange = _useDatesState.onHoveredDateChange,
-    getControlProps = _useDatesState.getControlProps,
-    setPickedDate = _useDatesState.setPickedDate,
-    controlledValue = _useDatesState.controlledValue,
-    setControlledValue = _useDatesState.setControlledValue;
-  var _useControllableState3 = useControllableState({
-      value: isOpen,
-      defaultValue: defaultIsOpen,
-      onChange: function onChange(isOpen) {
-        return onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange({
-          isOpen: isOpen
-        });
-      }
-    }),
-    _useControllableState4 = _slicedToArray(_useControllableState3, 2),
-    controllableIsOpen = _useControllableState4[0],
-    controllableSetIsOpen = _useControllableState4[1];
-  var currentDate = shiftTimezone('add', new Date());
-  var _React$useState3 = React__default.useState(controlledValue),
-    _React$useState4 = _slicedToArray(_React$useState3, 2),
-    oldValue = _React$useState4[0],
-    setOldValue = _React$useState4[1];
-  var hasBothDatesSelected = (controlledValue === null || controlledValue === void 0 ? void 0 : controlledValue[0]) && (controlledValue === null || controlledValue === void 0 ? void 0 : controlledValue[1]);
-  var applyButtonDisabled = !hasBothDatesSelected;
-  if (isSingle) {
-    applyButtonDisabled = !Boolean(controlledValue);
-  }
-  var close = React__default.useCallback(function () {
-    controllableSetIsOpen(function () {
-      return false;
-    });
-  }, [controllableSetIsOpen]);
-  var handleApply = function handleApply() {
-    if (isSingle) {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(controlledValue);
-      fireNativeEvent(referenceRef, ['change']);
-      setOldValue(controlledValue);
-      onApply === null || onApply === void 0 ? void 0 : onApply(controlledValue);
-      close();
-      return;
-    }
-    // only apply if both dates are selected
-    if (hasBothDatesSelected) {
-      _onChange === null || _onChange === void 0 ? void 0 : _onChange(controlledValue);
-      fireNativeEvent(referenceRef, ['change']);
-      setOldValue(controlledValue);
-      onApply === null || onApply === void 0 ? void 0 : onApply(controlledValue);
-      close();
-    }
-  };
-  var handleCancel = function handleCancel() {
-    setControlledValue(oldValue);
-    fireNativeEvent(referenceRef, ['change']);
-    setPickedDate(null);
-    close();
-  };
-  var isMobile = useIsMobile();
-  var defaultInitialFocusRef = React__default.useRef(null);
-  var titleId = useId('datepicker-title');
-  var _usePopup = usePopup({
-      enabled: !isMobile,
-      placement: 'bottom-start',
-      open: controllableIsOpen,
-      onOpenChange: function onOpenChange(isOpen, _, reason) {
-        controllableSetIsOpen(function () {
-          return isOpen;
-        });
-        if (reason === 'escape-key' || reason === 'outside-press') {
-          handleCancel();
-        }
-      },
-      referenceRef: referenceRef
-    }),
-    context = _usePopup.context,
-    refs = _usePopup.refs,
-    isMounted = _usePopup.isMounted,
-    floatingStyles = _usePopup.floatingStyles,
-    animationStyles = _usePopup.animationStyles,
-    getReferenceProps = _usePopup.getReferenceProps,
-    getFloatingProps = _usePopup.getFloatingProps;
-  var shouldRenderPresets = !isSingle && !isMobile;
-  var content = /*#__PURE__*/jsxs(Fragment, {
-    children: [shouldRenderPresets ? /*#__PURE__*/jsx(PresetSideBar, {
-      presets: presets,
-      date: currentDate,
-      selectedPreset: selectedPreset,
-      onSelection: function onSelection(preset) {
-        var presetValue = preset === null || preset === void 0 ? void 0 : preset(currentDate);
-        setControlledValue(presetValue);
-        setSelectedPreset(presetValue);
-      }
-    }) : null, /*#__PURE__*/jsxs(BaseBox, {
-      width: "100%",
-      display: "flex",
-      flexDirection: "column",
-      gap: "spacing.5",
-      padding: {
-        m: 'spacing.6',
-        s: 'spacing.0'
-      }
-      /* We only need to set height for day picker, for year picker
-       or month  it should be auto. */,
-      height: _picker === 'day' ? '447px' : 'auto',
-      backgroundColor: "surface.background.gray.intense",
-      justifyContent: "space-between",
-      children: [/*#__PURE__*/jsx(Calendar, _objectSpread(_objectSpread({}, props), {}, {
-        selectionType: _selectionType,
-        defaultValue: defaultValue,
-        onMouseLeave: onRootMouseLeave,
-        __onDayMouseEnter: function __onDayMouseEnter(_event, date) {
-          onHoveredDateChange(date);
-        },
-        __onDayClick: function __onDayClick(_event, date) {
-          onDateChange(date);
-        },
-        getMonthControlProps: function getMonthControlProps(date) {
-          return getControlProps(date);
-        },
-        getYearControlProps: function getYearControlProps(date) {
-          return getControlProps(date);
-        },
-        getDayProps: function getDayProps(date) {
-          return getControlProps(date);
-        },
-        onMonthSelect: function onMonthSelect(date) {
-          var _props$onMonthSelect;
-          props === null || props === void 0 ? void 0 : (_props$onMonthSelect = props.onMonthSelect) === null || _props$onMonthSelect === void 0 ? void 0 : _props$onMonthSelect.call(props, date);
-          onDateChange(date);
-        },
-        onYearSelect: function onYearSelect(date) {
-          var _props$onYearSelect;
-          props === null || props === void 0 ? void 0 : (_props$onYearSelect = props.onYearSelect) === null || _props$onYearSelect === void 0 ? void 0 : _props$onYearSelect.call(props, date);
-          onDateChange(date);
-        },
-        onNext: function onNext(data) {
-          var _props$onNext;
-          props === null || props === void 0 ? void 0 : (_props$onNext = props.onNext) === null || _props$onNext === void 0 ? void 0 : _props$onNext.call(props, data);
-          forceRerender();
-        },
-        onPrevious: function onPrevious(data) {
-          var _props$onPrevious;
-          props === null || props === void 0 ? void 0 : (_props$onPrevious = props.onPrevious) === null || _props$onPrevious === void 0 ? void 0 : _props$onPrevious.call(props, data);
-          forceRerender();
-        },
-        picker: _picker,
-        showLevelChangeLink: !picker,
-        onPickerChange: function onPickerChange(picker) {
-          setPicker(function () {
-            return picker;
-          });
-          forceRerender();
-        },
-        selectedValue: controlledValue
-      })), isMobile ? null : /*#__PURE__*/jsx(CalendarFooter, {
-        isButtonDisabled: applyButtonDisabled,
-        onApply: handleApply,
-        onCancel: handleCancel
-      })]
-    })]
-  });
-  var dateProviderValue = React__default.useMemo(function () {
-    var _i18nState$locale;
-    var locale = convertIntlToDayjsLocale((_i18nState$locale = i18nState === null || i18nState === void 0 ? void 0 : i18nState.locale) !== null && _i18nState$locale !== void 0 ? _i18nState$locale : 'en-IN');
-    return {
-      locale: locale
-    };
-  }, [i18nState === null || i18nState === void 0 ? void 0 : i18nState.locale]);
-
-  // Dynamically load dayjs locales
-  React__default.useLayoutEffect(function () {
-    try {
-      var _i18nState$locale2;
-      var locale = convertIntlToDayjsLocale((_i18nState$locale2 = i18nState === null || i18nState === void 0 ? void 0 : i18nState.locale) !== null && _i18nState$locale2 !== void 0 ? _i18nState$locale2 : 'en-IN');
-      // dayjs needs to be loaded into window so that once the locale is loaded it can be parsed
-      if (!window.dayjs) {
-        window.dayjs = dayjs;
-      }
-      loadScript("https://cdn.jsdelivr.net/npm/dayjs@1/locale/".concat(locale, ".js"), function () {
-        forceRerender();
-      });
-    } catch (e) {
-      logger({
-        type: 'warn',
-        message: 'Failed to load dayjs locale'
-      });
-    }
-  }, [i18nState === null || i18nState === void 0 ? void 0 : i18nState.locale]);
-  return /*#__PURE__*/jsx(MantineProvider, {
-    children: /*#__PURE__*/jsx(DatesProvider, {
-      settings: dateProviderValue,
-      children: /*#__PURE__*/jsxs(BaseBox, _objectSpread(_objectSpread(_objectSpread({
-        width: "100%"
-      }, getStyledProps(props)), metaAttribute({
-        name: MetaConstants.DatePicker
-      })), {}, {
-        children: [/*#__PURE__*/jsx(DatePickerInput, _objectSpread({
-          selectionType: _selectionType,
-          date: controlledValue,
-          ref: referenceRef,
-          inputRef: refs.reference,
-          referenceProps: getReferenceProps(),
-          name: name,
-          label: label,
-          labelPosition: labelPosition,
-          accessibilityLabel: accessibilityLabel,
-          size: size,
-          errorText: errorText,
-          helpText: helpText,
-          successText: successText,
-          isDisabled: isDisabled,
-          isRequired: isRequired,
-          validationState: validationState,
-          autoFocus: autoFocus,
-          necessityIndicator: necessityIndicator,
-          format: finalFormat,
-          placeholder: finalInputPlaceHolder
-        }, makeAnalyticsAttribute(props))), isMobile ? /*#__PURE__*/jsxs(BottomSheet, {
-          snapPoints: [0.9, 0.9, 1],
-          isOpen: controllableIsOpen,
-          onDismiss: function onDismiss() {
-            handleCancel();
-          },
-          children: [/*#__PURE__*/jsx(BottomSheetHeader, {
-            title: isSingle ? 'Select Date' : 'Select Date Range'
-          }), /*#__PURE__*/jsxs(BottomSheetBody, {
-            children: [content, !isSingle && /*#__PURE__*/jsx(PresetSideBar, {
-              isMobile: true,
-              presets: presets,
-              date: currentDate,
-              selectedPreset: selectedPreset,
-              onSelection: function onSelection(preset) {
-                var presetValue = preset === null || preset === void 0 ? void 0 : preset(currentDate);
-                setControlledValue(presetValue);
-                setSelectedPreset(presetValue);
-              }
-            })]
-          }), /*#__PURE__*/jsx(BottomSheetFooter, {
-            children: /*#__PURE__*/jsx(CalendarFooter, {
-              onCancel: handleCancel,
-              onApply: handleApply
-            })
-          })]
-        }) : isMounted && /*#__PURE__*/jsx(FloatingPortal, {
-          children: /*#__PURE__*/jsx(FloatingFocusManager, {
-            initialFocus: defaultInitialFocusRef,
-            context: context,
-            guards: true,
-            children: /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread(_objectSpread({
-              ref: refs.setFloating,
-              style: floatingStyles,
-              zIndex: zIndex
-            }, getFloatingProps()), makeAccessible({
-              labelledBy: titleId
-            })), {}, {
-              children: /*#__PURE__*/jsx(BaseBox, {
-                display: "flex",
-                flexDirection: "row",
-                borderColor: "surface.border.gray.subtle",
-                borderWidth: "thin",
-                borderStyle: "solid",
-                borderRadius: "medium",
-                overflow: "hidden",
-                minWidth: "320px",
-                style: _objectSpread(_objectSpread({}, animationStyles), {}, {
-                  boxShadow: "".concat(theme.elevation.lowRaised)
-                }),
-                children: content
-              })
-            }))
-          })
-        })]
-      }))
-    })
-  });
+var DatePicker = function DatePicker(props) {
+  return /*#__PURE__*/jsx(BaseDatePicker, _objectSpread(_objectSpread({}, props), {}, {
+    inputElementType: "datePickerInput"
+  }));
 };
 
 export { DatePicker };

package/build/lib/web/development/components/DatePicker/DatePicker.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.web.js","sources":["../../../../../../src/components/DatePicker/DatePicker.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unused-vars */\n/* eslint-disable @typescript-eslint/explicit-function-return-type */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport { DatesProvider } from '@mantine/dates';\nimport React from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport { useI18nContext } from '@razorpay/i18nify-react';\nimport { MantineProvider } from '@mantine/core';\nimport dayjs from 'dayjs';\nimport type { DatesRangeValue, DatePickerProps, DateSelectionType, PickerType } from './types';\nimport { Calendar } from './Calendar';\nimport { PresetSideBar } from './QuickSelection/PresetSideBar';\nimport { useDatesState } from './useDatesState';\nimport { DatePickerInput } from './DateInput';\nimport { usePopup } from './usePopup';\nimport { CalendarFooter } from './CalendarFooter';\nimport { convertIntlToDayjsLocale, loadScript } from './utils';\nimport { shiftTimezone } from './shiftTimezone';\nimport BaseBox from '~components/Box/BaseBox';\nimport { useControllableState } from '~utils/useControllable';\nimport { useTheme } from '~utils';\nimport { useId } from '~utils/useId';\nimport { makeAccessible } from '~utils/makeAccessible';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport {\n  BottomSheet,\n  BottomSheetBody,\n  BottomSheetFooter,\n  BottomSheetHeader,\n} from '~components/BottomSheet';\nimport { logger } from '~utils/logger';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { getStyledProps } from '~components/Box/styledProps';\nimport { metaAttribute, MetaConstants } from '~utils/metaAttribute';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\nimport type { DataAnalyticsAttribute } from '~utils/types';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\n\nconst DatePicker = <Type extends DateSelectionType = 'single'>({\n  selectionType,\n  allowSingleDateInRange,\n  value,\n  defaultValue,\n  onChange,\n  onApply,\n  presets,\n  isOpen,\n  defaultIsOpen,\n  onOpenChange,\n  label,\n  labelPosition = 'top',\n  accessibilityLabel,\n  errorText,\n  helpText,\n  isDisabled,\n  isRequired,\n  successText,\n  validationState,\n  size,\n  autoFocus,\n  necessityIndicator,\n  name,\n  defaultPicker = 'day',\n  picker,\n  onPickerChange,\n  zIndex = componentZIndices.popover,\n  format = 'DD/MM/YYYY',\n  inputPlaceHolder,\n  ...props\n}: DatePickerProps<Type> & StyledPropsBlade & DataAnalyticsAttribute): React.ReactElement => {\n  const { i18nState } = useI18nContext();\n  const _selectionType = selectionType ?? 'single';\n  const { theme } = useTheme();\n  const isSingle = _selectionType === 'single';\n  const [_, forceRerender] = React.useReducer((x: number) => x + 1, 0);\n  const [selectedPreset, setSelectedPreset] = React.useState<DatesRangeValue | null>(null);\n  const referenceRef = React.useRef<HTMLButtonElement>(null);\n\n  const [_picker, setPicker] = useControllableState<PickerType>({\n    defaultValue: defaultPicker,\n    value: picker,\n    onChange: (picker) => {\n      onPickerChange?.(picker);\n    },\n  });\n  const finalFormat = React.useMemo(() => {\n    if (format) {\n      return format;\n    }\n    if (picker === 'month') {\n      return 'MMMM';\n    }\n    if (picker === 'year') {\n      return 'YYYY';\n    }\n    return 'DD/MM/YYYY';\n  }, [format, picker]);\n\n  const finalInputPlaceHolder = React.useMemo(() => {\n    if (inputPlaceHolder) {\n      return inputPlaceHolder;\n    }\n    if (picker === 'month') {\n      return 'Month';\n    }\n    if (picker === 'year') {\n      return 'Year';\n    }\n    return 'DD/MM/YYYY';\n  }, [inputPlaceHolder, picker]);\n\n  const {\n    onDateChange,\n    onRootMouseLeave,\n    onHoveredDateChange,\n    getControlProps,\n    setPickedDate,\n    controlledValue,\n    setControlledValue,\n  } = useDatesState({\n    level: _picker,\n    type: isSingle ? 'default' : 'range',\n    allowDeselect: false,\n    allowSingleDateInRange,\n    value,\n    defaultValue,\n    onChange: (date) => {\n      onChange?.(date as never);\n      fireNativeEvent(referenceRef, ['input']);\n      if (isSingle) return;\n      // sync selected preset with value\n      setSelectedPreset(date as DatesRangeValue);\n    },\n  });\n\n  const [controllableIsOpen, controllableSetIsOpen] = useControllableState({\n    value: isOpen,\n    defaultValue: defaultIsOpen,\n    onChange: (isOpen) => onOpenChange?.({ isOpen }),\n  });\n\n  const currentDate = shiftTimezone('add', new Date());\n  const [oldValue, setOldValue] = React.useState<DatesRangeValue | null>(controlledValue);\n  const hasBothDatesSelected = controlledValue?.[0] && controlledValue?.[1];\n  let applyButtonDisabled = !hasBothDatesSelected;\n  if (isSingle) {\n    applyButtonDisabled = !Boolean(controlledValue);\n  }\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  const handleApply = (): void => {\n    if (isSingle) {\n      onChange?.(controlledValue);\n      fireNativeEvent(referenceRef, ['change']);\n      setOldValue(controlledValue);\n      onApply?.(controlledValue);\n      close();\n      return;\n    }\n    // only apply if both dates are selected\n    if (hasBothDatesSelected) {\n      onChange?.(controlledValue);\n      fireNativeEvent(referenceRef, ['change']);\n      setOldValue(controlledValue);\n      onApply?.(controlledValue);\n      close();\n    }\n  };\n\n  const handleCancel = (): void => {\n    setControlledValue(oldValue);\n    fireNativeEvent(referenceRef, ['change']);\n    setPickedDate(null);\n    close();\n  };\n\n  const isMobile = useIsMobile();\n  const defaultInitialFocusRef = React.useRef<HTMLButtonElement>(null);\n  const titleId = useId('datepicker-title');\n  const {\n    context,\n    refs,\n    isMounted,\n    floatingStyles,\n    animationStyles,\n    getReferenceProps,\n    getFloatingProps,\n  } = usePopup({\n    enabled: !isMobile,\n    placement: 'bottom-start',\n    open: controllableIsOpen,\n    onOpenChange: (isOpen, _, reason) => {\n      controllableSetIsOpen(() => isOpen);\n      if (reason === 'escape-key' || reason === 'outside-press') {\n        handleCancel();\n      }\n    },\n    referenceRef,\n  });\n\n  const shouldRenderPresets = !isSingle && !isMobile;\n\n  const content = (\n    <>\n      {shouldRenderPresets ? (\n        <PresetSideBar\n          presets={presets}\n          date={currentDate}\n          selectedPreset={selectedPreset}\n          onSelection={(preset) => {\n            const presetValue = preset?.(currentDate);\n            setControlledValue(presetValue);\n            setSelectedPreset(presetValue);\n          }}\n        />\n      ) : null}\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        gap=\"spacing.5\"\n        padding={{ m: 'spacing.6', s: 'spacing.0' }}\n        /* We only need to set height for day picker, for year picker\n         or month  it should be auto. */\n        height={_picker === 'day' ? '447px' : 'auto'}\n        backgroundColor=\"surface.background.gray.intense\"\n        justifyContent=\"space-between\"\n      >\n        <Calendar\n          {...props}\n          selectionType={_selectionType}\n          defaultValue={defaultValue}\n          onMouseLeave={onRootMouseLeave}\n          __onDayMouseEnter={(_event, date) => {\n            onHoveredDateChange(date);\n          }}\n          __onDayClick={(_event, date) => {\n            onDateChange(date);\n          }}\n          getMonthControlProps={(date) => {\n            return getControlProps(date);\n          }}\n          getYearControlProps={(date) => {\n            return getControlProps(date);\n          }}\n          getDayProps={(date) => {\n            return getControlProps(date);\n          }}\n          onMonthSelect={(date) => {\n            props?.onMonthSelect?.(date);\n            onDateChange(date);\n          }}\n          onYearSelect={(date) => {\n            props?.onYearSelect?.(date);\n            onDateChange(date);\n          }}\n          onNext={(data) => {\n            props?.onNext?.(data);\n            forceRerender();\n          }}\n          onPrevious={(data) => {\n            props?.onPrevious?.(data);\n            forceRerender();\n          }}\n          picker={_picker}\n          showLevelChangeLink={!picker}\n          onPickerChange={(picker) => {\n            setPicker(() => picker);\n            forceRerender();\n          }}\n          selectedValue={controlledValue}\n        />\n        {isMobile ? null : (\n          <CalendarFooter\n            isButtonDisabled={applyButtonDisabled}\n            onApply={handleApply}\n            onCancel={handleCancel}\n          />\n        )}\n      </BaseBox>\n    </>\n  );\n\n  const dateProviderValue = React.useMemo(() => {\n    const locale = convertIntlToDayjsLocale(i18nState?.locale ?? 'en-IN');\n    return {\n      locale,\n    };\n  }, [i18nState?.locale]);\n\n  // Dynamically load dayjs locales\n  React.useLayoutEffect(() => {\n    try {\n      const locale = convertIntlToDayjsLocale(i18nState?.locale ?? 'en-IN');\n      // dayjs needs to be loaded into window so that once the locale is loaded it can be parsed\n      if (!(window as any).dayjs) {\n        (window as any).dayjs = dayjs;\n      }\n      loadScript(`https://cdn.jsdelivr.net/npm/dayjs@1/locale/${locale}.js`, () => {\n        forceRerender();\n      });\n    } catch (e: unknown) {\n      logger({ type: 'warn', message: 'Failed to load dayjs locale' });\n    }\n  }, [i18nState?.locale]);\n\n  return (\n    <MantineProvider>\n      <DatesProvider settings={dateProviderValue}>\n        <BaseBox\n          width=\"100%\"\n          {...getStyledProps(props)}\n          {...metaAttribute({ name: MetaConstants.DatePicker })}\n        >\n          <DatePickerInput\n            selectionType={_selectionType}\n            date={controlledValue}\n            ref={referenceRef}\n            inputRef={refs.reference}\n            referenceProps={getReferenceProps()}\n            name={name as never}\n            label={label as never}\n            labelPosition={labelPosition}\n            accessibilityLabel={accessibilityLabel}\n            size={size}\n            errorText={errorText as never}\n            helpText={helpText as never}\n            successText={successText as never}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n            validationState={validationState}\n            autoFocus={autoFocus}\n            necessityIndicator={necessityIndicator}\n            format={finalFormat}\n            placeholder={finalInputPlaceHolder}\n            {...makeAnalyticsAttribute(props)}\n          />\n          {isMobile ? (\n            <BottomSheet\n              snapPoints={[0.9, 0.9, 1]}\n              isOpen={controllableIsOpen}\n              onDismiss={() => {\n                handleCancel();\n              }}\n            >\n              <BottomSheetHeader title={isSingle ? 'Select Date' : 'Select Date Range'} />\n              <BottomSheetBody>\n                {content}\n                {!isSingle && (\n                  <PresetSideBar\n                    isMobile\n                    presets={presets}\n                    date={currentDate}\n                    selectedPreset={selectedPreset}\n                    onSelection={(preset) => {\n                      const presetValue = preset?.(currentDate);\n                      setControlledValue(presetValue);\n                      setSelectedPreset(presetValue);\n                    }}\n                  />\n                )}\n              </BottomSheetBody>\n              <BottomSheetFooter>\n                <CalendarFooter onCancel={handleCancel} onApply={handleApply} />\n              </BottomSheetFooter>\n            </BottomSheet>\n          ) : (\n            isMounted && (\n              <FloatingPortal>\n                <FloatingFocusManager\n                  initialFocus={defaultInitialFocusRef}\n                  context={context}\n                  guards={true}\n                >\n                  <BaseBox\n                    ref={refs.setFloating}\n                    style={floatingStyles}\n                    zIndex={zIndex}\n                    {...getFloatingProps()}\n                    {...makeAccessible({ labelledBy: titleId })}\n                  >\n                    <BaseBox\n                      display=\"flex\"\n                      flexDirection=\"row\"\n                      borderColor=\"surface.border.gray.subtle\"\n                      borderWidth=\"thin\"\n                      borderStyle=\"solid\"\n                      borderRadius=\"medium\"\n                      overflow=\"hidden\"\n                      minWidth=\"320px\"\n                      style={{ ...animationStyles, boxShadow: `${theme.elevation.lowRaised}` }}\n                    >\n                      {content}\n                    </BaseBox>\n                  </BaseBox>\n                </FloatingFocusManager>\n              </FloatingPortal>\n            )\n          )}\n        </BaseBox>\n      </DatesProvider>\n    </MantineProvider>\n  );\n};\n\nexport { DatePicker };\n"],"names":["DatePicker","_ref","selectionType","allowSingleDateInRange","value","defaultValue","onChange","onApply","presets","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","size","autoFocus","necessityIndicator","name","_ref$defaultPicker","defaultPicker","picker","onPickerChange","_ref$zIndex","zIndex","componentZIndices","popover","_ref$format","format","inputPlaceHolder","props","_objectWithoutProperties","_excluded","_useI18nContext","useI18nContext","i18nState","_selectionType","_useTheme","useTheme","theme","isSingle","_React$useReducer","React","useReducer","x","_React$useReducer2","_slicedToArray","_","forceRerender","_React$useState","useState","_React$useState2","selectedPreset","setSelectedPreset","referenceRef","useRef","_useControllableState","useControllableState","_useControllableState2","_picker","setPicker","finalFormat","useMemo","finalInputPlaceHolder","_useDatesState","useDatesState","level","type","allowDeselect","date","fireNativeEvent","onDateChange","onRootMouseLeave","onHoveredDateChange","getControlProps","setPickedDate","controlledValue","setControlledValue","_useControllableState3","_useControllableState4","controllableIsOpen","controllableSetIsOpen","currentDate","shiftTimezone","Date","_React$useState3","_React$useState4","oldValue","setOldValue","hasBothDatesSelected","applyButtonDisabled","Boolean","close","useCallback","handleApply","handleCancel","isMobile","useIsMobile","defaultInitialFocusRef","titleId","useId","_usePopup","usePopup","enabled","placement","open","reason","context","refs","isMounted","floatingStyles","animationStyles","getReferenceProps","getFloatingProps","shouldRenderPresets","content","_jsxs","_Fragment","children","_jsx","PresetSideBar","onSelection","preset","presetValue","BaseBox","width","display","flexDirection","gap","padding","m","s","height","backgroundColor","justifyContent","Calendar","_objectSpread","onMouseLeave","__onDayMouseEnter","_event","__onDayClick","getMonthControlProps","getYearControlProps","getDayProps","onMonthSelect","_props$onMonthSelect","call","onYearSelect","_props$onYearSelect","onNext","data","_props$onNext","onPrevious","_props$onPrevious","showLevelChangeLink","selectedValue","CalendarFooter","isButtonDisabled","onCancel","dateProviderValue","_i18nState$locale","locale","convertIntlToDayjsLocale","useLayoutEffect","_i18nState$locale2","window","dayjs","loadScript","concat","e","logger","message","MantineProvider","DatesProvider","settings","getStyledProps","metaAttribute","MetaConstants","DatePickerInput","ref","inputRef","reference","referenceProps","placeholder","makeAnalyticsAttribute","BottomSheet","snapPoints","onDismiss","BottomSheetHeader","title","BottomSheetBody","BottomSheetFooter","FloatingPortal","FloatingFocusManager","initialFocus","guards","setFloating","style","makeAccessible","labelledBy","borderColor","borderWidth","borderStyle","borderRadius","overflow","minWidth","boxShadow","elevation","lowRaised"],"mappings":"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"}
+{"version":3,"file":"DatePicker.web.js","sources":["../../../../../../src/components/DatePicker/DatePicker.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { DatePickerProps, DateSelectionType } from './types';\nimport { BaseDatePicker } from './BaseDatePicker.web';\n\nconst DatePicker = <Type extends DateSelectionType = 'single'>(\n  props: DatePickerProps<Type>,\n): React.ReactElement => {\n  return <BaseDatePicker {...props} inputElementType=\"datePickerInput\" />;\n};\n\nexport { DatePicker };\n"],"names":["DatePicker","props","_jsx","BaseDatePicker","_objectSpread","inputElementType"],"mappings":";;;;;;;AAIA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CACdC,KAA4B,EACL;EACvB,oBAAOC,GAAA,CAACC,cAAc,EAAAC,aAAA,CAAAA,aAAA,KAAKH,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEI,IAAAA,gBAAgB,EAAC,iBAAA;AAAiB,GAAA,CAAE,CAAC,CAAA;AACzE;;;;"}

package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js

@@ -0,0 +1,67 @@
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { forwardRef } from 'react';
+import { useDatesContext } from '@mantine/dates';
+import { getFormattedDate } from '../utils.js';
+import { BaseFilterChip } from '../../FilterChip/BaseFilterChip.web.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var formatDateRange = function formatDateRange(date, format, locale, selectionType) {
+  var formatOptions = {
+    date: date,
+    format: format,
+    labelSeparator: '-',
+    locale: locale,
+    type: 'default'
+  };
+  if (selectionType === 'single' && date instanceof Date) {
+    return getFormattedDate(formatOptions);
+  }
+  if (Array.isArray(date)) {
+    var _date = _slicedToArray(date, 2),
+      startDate = _date[0],
+      endDate = _date[1];
+    if (startDate) {
+      return "".concat(getFormattedDate(_objectSpread(_objectSpread({}, formatOptions), {}, {
+        date: startDate
+      })), "  ").concat(endDate ? ' - ' : '', " ").concat(getFormattedDate(_objectSpread(_objectSpread({}, formatOptions), {}, {
+        date: endDate
+      })));
+    }
+  }
+  return '';
+};
+var _DatePickerFilterChip = function _DatePickerFilterChip(_ref, ref) {
+  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  var referenceProps = props.referenceProps,
+    label = props.label,
+    selectionType = props.selectionType,
+    onClearButtonChange = props.onClearButtonChange,
+    accessibilityLabel = props.accessibilityLabel,
+    date = props.date,
+    format = props.format;
+  var _useDatesContext = useDatesContext(),
+    locale = _useDatesContext.locale;
+  var dateValue = formatDateRange(date, format, locale, selectionType);
+  return /*#__PURE__*/jsx(BaseFilterChip, _objectSpread({
+    ref: ref,
+    label: label,
+    value: dateValue,
+    onClearButtonClick: onClearButtonChange,
+    accessibilityProps: {
+      label: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : label,
+      hasPopup: referenceProps['aria-haspopup'],
+      expanded: referenceProps['aria-expanded'],
+      controls: referenceProps['aria-controls'],
+      role: 'combobox'
+    }
+  }, referenceProps));
+};
+var DatePickerFilterChip = /*#__PURE__*/forwardRef(_DatePickerFilterChip);
+
+export { DatePickerFilterChip };
+//# sourceMappingURL=DatePickerFilterChip.web.js.map

package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerFilterChip.web.js","sources":["../../../../../../../src/components/DatePicker/FilterChipDatePicker/DatePickerFilterChip.web.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { useDatesContext } from '@mantine/dates';\nimport type { DatePickerFilterChipProps } from '../types';\nimport { getFormattedDate } from '../utils';\nimport { BaseFilterChip } from '~components/FilterChip/BaseFilterChip';\nimport type { BladeElementRef } from '~utils/types';\n\nconst formatDateRange = (\n  date: Date | [Date, Date],\n  format: string,\n  locale: string,\n  selectionType: 'single' | 'range',\n): string => {\n  const formatOptions = {\n    date,\n    format,\n    labelSeparator: '-',\n    locale,\n    type: 'default' as const,\n  };\n\n  if (selectionType === 'single' && date instanceof Date) {\n    return getFormattedDate(formatOptions);\n  }\n\n  if (Array.isArray(date)) {\n    const [startDate, endDate] = date;\n    if (startDate) {\n      return `${getFormattedDate({ ...formatOptions, date: startDate })}  ${\n        endDate ? ' - ' : ''\n      } ${getFormattedDate({\n        ...formatOptions,\n        date: endDate,\n      })}`;\n    }\n  }\n  return '';\n};\n\nconst _DatePickerFilterChip: React.ForwardRefRenderFunction<\n  BladeElementRef,\n  DatePickerFilterChipProps & {\n    onClearButtonChange: (value: string) => void;\n  }\n> = (\n  {\n    ...props\n  }: DatePickerFilterChipProps & {\n    onClearButtonChange: (value: string) => void;\n  },\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const {\n    referenceProps,\n    label,\n    selectionType,\n    onClearButtonChange,\n    accessibilityLabel,\n    date,\n    format,\n  } = props;\n  const { locale } = useDatesContext();\n\n  const dateValue = formatDateRange(date, format, locale, selectionType);\n\n  return (\n    <BaseFilterChip\n      ref={ref}\n      label={label}\n      value={dateValue}\n      onClearButtonClick={onClearButtonChange}\n      accessibilityProps={{\n        label: accessibilityLabel ?? label,\n        hasPopup: referenceProps['aria-haspopup'],\n        expanded: referenceProps['aria-expanded'],\n        controls: referenceProps['aria-controls'],\n        role: 'combobox',\n      }}\n      {...referenceProps}\n    />\n  );\n};\n\nconst DatePickerFilterChip = forwardRef(_DatePickerFilterChip);\n\nexport { DatePickerFilterChip };\n"],"names":["formatDateRange","date","format","locale","selectionType","formatOptions","labelSeparator","type","Date","getFormattedDate","Array","isArray","_date","_slicedToArray","startDate","endDate","concat","_objectSpread","_DatePickerFilterChip","_ref","ref","props","_extends","_objectDestructuringEmpty","referenceProps","label","onClearButtonChange","accessibilityLabel","_useDatesContext","useDatesContext","dateValue","_jsx","BaseFilterChip","value","onClearButtonClick","accessibilityProps","hasPopup","expanded","controls","role","DatePickerFilterChip","forwardRef"],"mappings":";;;;;;;;;;;;AAOA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CACnBC,IAAyB,EACzBC,MAAc,EACdC,MAAc,EACdC,aAAiC,EACtB;AACX,EAAA,IAAMC,aAAa,GAAG;AACpBJ,IAAAA,IAAI,EAAJA,IAAI;AACJC,IAAAA,MAAM,EAANA,MAAM;AACNI,IAAAA,cAAc,EAAE,GAAG;AACnBH,IAAAA,MAAM,EAANA,MAAM;AACNI,IAAAA,IAAI,EAAE,SAAA;GACP,CAAA;AAED,EAAA,IAAIH,aAAa,KAAK,QAAQ,IAAIH,IAAI,YAAYO,IAAI,EAAE;IACtD,OAAOC,gBAAgB,CAACJ,aAAa,CAAC,CAAA;AACxC,GAAA;AAEA,EAAA,IAAIK,KAAK,CAACC,OAAO,CAACV,IAAI,CAAC,EAAE;AACvB,IAAA,IAAAW,KAAA,GAAAC,cAAA,CAA6BZ,IAAI,EAAA,CAAA,CAAA;AAA1Ba,MAAAA,SAAS,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,OAAO,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;AACzB,IAAA,IAAIE,SAAS,EAAE;MACb,OAAAE,EAAAA,CAAAA,MAAA,CAAUP,gBAAgB,CAAAQ,aAAA,CAAAA,aAAA,KAAMZ,aAAa,CAAA,EAAA,EAAA,EAAA;AAAEJ,QAAAA,IAAI,EAAEa,SAAAA;AAAS,OAAA,CAAE,CAAC,EAAAE,IAAAA,CAAAA,CAAAA,MAAA,CAC/DD,OAAO,GAAG,KAAK,GAAG,EAAE,EAAAC,GAAAA,CAAAA,CAAAA,MAAA,CAClBP,gBAAgB,CAAAQ,aAAA,CAAAA,aAAA,KACfZ,aAAa,CAAA,EAAA,EAAA,EAAA;AAChBJ,QAAAA,IAAI,EAAEc,OAAAA;AAAO,OAAA,CACd,CAAC,CAAA,CAAA;AACJ,KAAA;AACF,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAA;AAED,IAAMG,qBAKL,GAAG,SALEA,qBAKLA,CAAAC,IAAA,EAMCC,GAAwC,EACjB;EAAA,IALlBC,KAAK,GAAAC,QAAA,CAAA,EAAA,GAAAC,yBAAA,CAAAJ,IAAA,GAAAA,IAAA,EAAA,CAAA;AAMV,EAAA,IACEK,cAAc,GAOZH,KAAK,CAPPG,cAAc;IACdC,KAAK,GAMHJ,KAAK,CANPI,KAAK;IACLrB,aAAa,GAKXiB,KAAK,CALPjB,aAAa;IACbsB,mBAAmB,GAIjBL,KAAK,CAJPK,mBAAmB;IACnBC,kBAAkB,GAGhBN,KAAK,CAHPM,kBAAkB;IAClB1B,IAAI,GAEFoB,KAAK,CAFPpB,IAAI;IACJC,MAAM,GACJmB,KAAK,CADPnB,MAAM,CAAA;AAER,EAAA,IAAA0B,gBAAA,GAAmBC,eAAe,EAAE;IAA5B1B,MAAM,GAAAyB,gBAAA,CAANzB,MAAM,CAAA;EAEd,IAAM2B,SAAS,GAAG9B,eAAe,CAACC,IAAI,EAAEC,MAAM,EAAEC,MAAM,EAAEC,aAAa,CAAC,CAAA;AAEtE,EAAA,oBACE2B,GAAA,CAACC,cAAc,EAAAf,aAAA,CAAA;AACbG,IAAAA,GAAG,EAAEA,GAAI;AACTK,IAAAA,KAAK,EAAEA,KAAM;AACbQ,IAAAA,KAAK,EAAEH,SAAU;AACjBI,IAAAA,kBAAkB,EAAER,mBAAoB;AACxCS,IAAAA,kBAAkB,EAAE;AAClBV,MAAAA,KAAK,EAAEE,kBAAkB,KAAA,IAAA,IAAlBA,kBAAkB,KAAlBA,KAAAA,CAAAA,GAAAA,kBAAkB,GAAIF,KAAK;AAClCW,MAAAA,QAAQ,EAAEZ,cAAc,CAAC,eAAe,CAAC;AACzCa,MAAAA,QAAQ,EAAEb,cAAc,CAAC,eAAe,CAAC;AACzCc,MAAAA,QAAQ,EAAEd,cAAc,CAAC,eAAe,CAAC;AACzCe,MAAAA,IAAI,EAAE,UAAA;AACR,KAAA;GACIf,EAAAA,cAAc,CACnB,CAAC,CAAA;AAEN,CAAC,CAAA;AAED,IAAMgB,oBAAoB,gBAAGC,UAAU,CAACvB,qBAAqB;;;;"}

package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/FilterChipDatePicker.web.js

@@ -0,0 +1,14 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { BaseDatePicker } from '../BaseDatePicker.web.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FilterChipDatePicker = function FilterChipDatePicker(props) {
+  return /*#__PURE__*/jsx(BaseDatePicker, _objectSpread(_objectSpread({}, props), {}, {
+    inputElementType: "chip"
+  }));
+};
+
+export { FilterChipDatePicker };
+//# sourceMappingURL=FilterChipDatePicker.web.js.map

package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/FilterChipDatePicker.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterChipDatePicker.web.js","sources":["../../../../../../../src/components/DatePicker/FilterChipDatePicker/FilterChipDatePicker.web.tsx"],"sourcesContent":["import type { FilterChipDatePickerProps } from '../types';\nimport { BaseDatePicker } from '../BaseDatePicker.web';\n\nconst FilterChipDatePicker = (props: FilterChipDatePickerProps): React.ReactElement => {\n  return <BaseDatePicker {...props} inputElementType=\"chip\" />;\n};\n\nexport { FilterChipDatePicker };\n"],"names":["FilterChipDatePicker","props","_jsx","BaseDatePicker","_objectSpread","inputElementType"],"mappings":";;;;;;AAGA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAgC,EAAyB;EACrF,oBAAOC,GAAA,CAACC,cAAc,EAAAC,aAAA,CAAAA,aAAA,KAAKH,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEI,IAAAA,gBAAgB,EAAC,MAAA;AAAM,GAAA,CAAE,CAAC,CAAA;AAC9D;;;;"}

package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/index.js

@@ -0,0 +1,2 @@
+export { FilterChipDatePicker } from './FilterChipDatePicker.web.js';
+//# sourceMappingURL=index.js.map

package/build/lib/web/development/components/DatePicker/FilterChipDatePicker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/lib/web/development/components/DatePicker/index.js

@@ -1,2 +1,3 @@
 export { DatePicker } from './DatePicker.web.js';
+import './FilterChipDatePicker/index.js';
 //# sourceMappingURL=index.js.map

package/build/lib/web/development/components/DatePicker/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}