@razorpay/blade 11.18.2 → 11.19.0

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

@@ -0,0 +1,185 @@
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import React__default from 'react';
+import { useDatesContext, getFormattedDate } from '@mantine/dates';
+import '../Box/BaseBox/index.js';
+import '../Icons/index.js';
+import '../Input/BaseInput/index.js';
+import '../../tokens/global/index.js';
+import '../../utils/index.js';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { BaseInput } from '../Input/BaseInput/BaseInput.js';
+import { isReactNative } from '../../utils/platform/isReactNative.js';
+import { size } from '../../tokens/global/size.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import CalendarIcon from '../Icons/CalendarIcon/CalendarIcon.js';
+import ArrowRightIcon from '../Icons/ArrowRightIcon/ArrowRightIcon.js';
+import { makeSize } from '../../utils/makeSize/makeSize.js';
+
+var _excluded = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "autoFocus", "name", "size"];
+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 _DateInput = function _DateInput(props, ref) {
+  var _props$label;
+  return /*#__PURE__*/jsx(BaseInput, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    as: "button",
+    textAlign: "left",
+    hideLabelText: ((_props$label = props.label) === null || _props$label === void 0 ? void 0 : _props$label.length) === 0,
+    autoCompleteSuggestionType: "none",
+    hasPopup: "dialog",
+    onClick: function onClick(e) {
+      var _props$onClick;
+      if (props.isDisabled) {
+        return;
+      }
+      (_props$onClick = props.onClick) === null || _props$onClick === void 0 ? void 0 : _props$onClick.call(props, e);
+    },
+    onKeyDown: function onKeyDown(_ref) {
+      var _props$onKeyDown;
+      var event = _ref.event;
+      // @ts-expect-error
+      (_props$onKeyDown = props.onKeyDown) === null || _props$onKeyDown === void 0 ? void 0 : _props$onKeyDown.call(props, event);
+    }
+  }));
+};
+var DateInput = /*#__PURE__*/React__default.forwardRef(_DateInput);
+var HiddenInput = function HiddenInput(_ref2) {
+  var value = _ref2.value,
+    name = _ref2.name;
+  if (isReactNative()) return /*#__PURE__*/jsx(Fragment, {});
+  return /*#__PURE__*/jsx("input", {
+    hidden: true,
+    name: name,
+    value: value,
+    readOnly: true
+  });
+};
+var iconVerticalMargin = {
+  medium: size[16],
+  large: size[24]
+};
+var _DatePickerInput = function _DatePickerInput(_ref3, ref) {
+  var selectionType = _ref3.selectionType,
+    referenceProps = _ref3.referenceProps,
+    inputRef = _ref3.inputRef,
+    date = _ref3.date,
+    label = _ref3.label,
+    labelPosition = _ref3.labelPosition,
+    autoFocus = _ref3.autoFocus,
+    name = _ref3.name,
+    _ref3$size = _ref3.size,
+    size$1 = _ref3$size === void 0 ? 'medium' : _ref3$size,
+    props = _objectWithoutProperties(_ref3, _excluded);
+  var format = 'DD/MM/YYYY';
+  var isLarge = size$1 === 'large';
+  var isLabelPositionLeft = labelPosition === 'left';
+  var hasLabel = Boolean(label);
+  var _useDatesContext = useDatesContext(),
+    locale = _useDatesContext.locale;
+  if (selectionType == 'single') {
+    var dateValue = getFormattedDate({
+      date: date,
+      format: format,
+      labelSeparator: '-',
+      locale: locale,
+      type: 'default'
+    });
+    return /*#__PURE__*/jsxs(BaseBox, {
+      width: "100%",
+      children: [/*#__PURE__*/jsx(HiddenInput, {
+        value: dateValue,
+        name: name
+      }), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
+        ref: ref,
+        id: "start-date",
+        labelPosition: labelPosition,
+        label: label,
+        placeholder: format,
+        popupId: referenceProps['aria-controls'],
+        isPopupExpanded: referenceProps['aria-expanded'],
+        size: size$1,
+        autoFocus: autoFocus,
+        value: dateValue,
+        componentName: "DatePickerInput"
+      }, props), referenceProps))]
+    });
+  }
+  if (selectionType == 'range') {
+    var startValue = getFormattedDate({
+      type: 'default',
+      date: date[0],
+      format: format,
+      labelSeparator: '-',
+      locale: locale
+    });
+    var endValue = getFormattedDate({
+      type: 'default',
+      date: date[1],
+      format: format,
+      labelSeparator: '-',
+      locale: locale
+    });
+    return /*#__PURE__*/jsxs(BaseBox, {
+      width: "100%",
+      display: "flex",
+      flexDirection: "row",
+      gap: "spacing.4",
+      alignItems: "flex-end",
+      ref: ref,
+      children: [/*#__PURE__*/jsxs(BaseBox, {
+        flex: 1,
+        children: [/*#__PURE__*/jsx(HiddenInput, {
+          value: startValue,
+          name: name === null || name === void 0 ? void 0 : name.start
+        }), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
+          setInputWrapperRef: function setInputWrapperRef(node) {
+            return inputRef.current = node;
+          },
+          id: "start-date",
+          leadingIcon: CalendarIcon,
+          label: label === null || label === void 0 ? void 0 : label.start,
+          labelPosition: labelPosition,
+          placeholder: format,
+          popupId: referenceProps['aria-controls'],
+          isPopupExpanded: referenceProps['aria-expanded'],
+          size: size$1,
+          autoFocus: autoFocus,
+          value: startValue,
+          componentName: "DatePickerInputStart"
+        }, props), referenceProps))]
+      }), /*#__PURE__*/jsx(BaseBox, {
+        flexShrink: 0,
+        alignSelf: "start",
+        children: /*#__PURE__*/jsx(ArrowRightIcon, {
+          size: "medium",
+          marginTop:
+          // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.
+          hasLabel && !isLabelPositionLeft ? "calc(".concat(makeSize(iconVerticalMargin[size$1]), " + ").concat(makeSize(isLarge ? size[20] : size[15]), ")") : makeSize(iconVerticalMargin[size$1])
+        })
+      }), /*#__PURE__*/jsxs(BaseBox, {
+        flex: 1,
+        children: [/*#__PURE__*/jsx(HiddenInput, {
+          value: endValue,
+          name: name === null || name === void 0 ? void 0 : name.end
+        }), /*#__PURE__*/jsx(DateInput, _objectSpread(_objectSpread({
+          id: "end-date",
+          placeholder: format,
+          leadingIcon: CalendarIcon,
+          label: isLabelPositionLeft ? undefined : label === null || label === void 0 ? void 0 : label.end,
+          labelPosition: isLabelPositionLeft ? undefined : labelPosition,
+          popupId: referenceProps['aria-controls'],
+          isPopupExpanded: referenceProps['aria-expanded'],
+          size: size$1,
+          value: endValue,
+          componentName: "DatePickerInputEnd"
+        }, props), referenceProps))]
+      })]
+    });
+  }
+  return /*#__PURE__*/jsx(Fragment, {});
+};
+var DatePickerInput = /*#__PURE__*/React__default.forwardRef(_DatePickerInput);
+
+export { DatePickerInput };
+//# sourceMappingURL=DateInput.web.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.web.js","sources":["../../../../../../src/components/DatePicker/DateInput.web.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-autofocus */\n/* eslint-disable @typescript-eslint/no-unnecessary-type-assertion */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport React from 'react';\nimport { useDatesContext, getFormattedDate } from '@mantine/dates';\nimport type { DatePickerInputProps } from './types';\nimport BaseBox from '~components/Box/BaseBox';\nimport { ArrowRightIcon, CalendarIcon } from '~components/Icons';\nimport type { BaseInputProps } from '~components/Input/BaseInput';\nimport { BaseInput } from '~components/Input/BaseInput';\nimport { size as sizeTokens } from '~tokens/global';\nimport { isReactNative, makeSize } from '~utils';\nimport type { BladeElementRef } from '~utils/types';\n\nconst _DateInput = (\n  props: BaseInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  return (\n    <BaseInput\n      {...props}\n      ref={ref}\n      as=\"button\"\n      textAlign=\"left\"\n      hideLabelText={props.label?.length === 0}\n      autoCompleteSuggestionType=\"none\"\n      hasPopup=\"dialog\"\n      onClick={(e) => {\n        if (props.isDisabled) {\n          return;\n        }\n        props.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        props.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({ value, name }: { value: string; name?: string }): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return <input hidden={true} name={name} value={value} readOnly />;\n};\n\nconst iconVerticalMargin = {\n  medium: sizeTokens[16],\n  large: sizeTokens[24],\n} as const;\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    autoFocus,\n    name,\n    size = 'medium',\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\n  const format = 'DD/MM/YYYY';\n  const isLarge = size === 'large';\n  const isLabelPositionLeft = labelPosition === 'left';\n  const hasLabel = Boolean(label);\n  const { locale } = useDatesContext();\n\n  if (selectionType == 'single') {\n    const dateValue = getFormattedDate({\n      date,\n      format,\n      labelSeparator: '-',\n      locale,\n      type: 'default',\n    });\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput value={dateValue} name={name} />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          size={size}\n          autoFocus={autoFocus}\n          value={dateValue}\n          componentName=\"DatePickerInput\"\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  if (selectionType == 'range') {\n    const startValue = getFormattedDate({\n      type: 'default',\n      date: date[0],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    const endValue = getFormattedDate({\n      type: 'default',\n      date: date[1],\n      format,\n      labelSeparator: '-',\n      locale,\n    });\n    return (\n      <BaseBox\n        width=\"100%\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        gap=\"spacing.4\"\n        alignItems=\"flex-end\"\n        ref={ref as never}\n      >\n        <BaseBox flex={1}>\n          <HiddenInput value={startValue} name={name?.start} />\n          <DateInput\n            setInputWrapperRef={(node) => ((inputRef as any)!.current = node)}\n            id=\"start-date\"\n            leadingIcon={CalendarIcon}\n            label={label?.start}\n            labelPosition={labelPosition}\n            placeholder={format}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            autoFocus={autoFocus}\n            value={startValue}\n            componentName=\"DatePickerInputStart\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n        <BaseBox flexShrink={0} alignSelf=\"start\">\n          <ArrowRightIcon\n            size=\"medium\"\n            marginTop={\n              // Hacky layouting because the we cannot put this inside the internal layout of BaseInput.\n              hasLabel && !isLabelPositionLeft\n                ? `calc(${makeSize(iconVerticalMargin[size])} + ${makeSize(\n                    isLarge ? sizeTokens[20] : sizeTokens[15],\n                  )})`\n                : makeSize(iconVerticalMargin[size])\n            }\n          />\n        </BaseBox>\n        <BaseBox flex={1}>\n          <HiddenInput value={endValue} name={name?.end} />\n          <DateInput\n            id=\"end-date\"\n            placeholder={format}\n            leadingIcon={CalendarIcon}\n            label={isLabelPositionLeft ? undefined : label?.end}\n            labelPosition={isLabelPositionLeft ? undefined : labelPosition}\n            popupId={referenceProps['aria-controls']}\n            isPopupExpanded={referenceProps['aria-expanded']}\n            size={size}\n            value={endValue}\n            componentName=\"DatePickerInputEnd\"\n            {...props}\n            {...referenceProps}\n          />\n        </BaseBox>\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_props$label","_jsx","BaseInput","_objectSpread","as","textAlign","hideLabelText","label","length","autoCompleteSuggestionType","hasPopup","onClick","e","_props$onClick","isDisabled","call","onKeyDown","_ref","_props$onKeyDown","event","DateInput","React","forwardRef","HiddenInput","_ref2","value","name","isReactNative","_Fragment","hidden","readOnly","iconVerticalMargin","medium","sizeTokens","large","_DatePickerInput","_ref3","selectionType","referenceProps","inputRef","date","labelPosition","autoFocus","_ref3$size","size","_objectWithoutProperties","_excluded","format","isLarge","isLabelPositionLeft","hasLabel","Boolean","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","type","_jsxs","BaseBox","width","children","id","placeholder","popupId","isPopupExpanded","componentName","startValue","endValue","display","flexDirection","gap","alignItems","flex","start","setInputWrapperRef","node","current","leadingIcon","CalendarIcon","flexShrink","alignSelf","ArrowRightIcon","marginTop","concat","makeSize","end","undefined","DatePickerInput"],"mappings":"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"}

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

@@ -0,0 +1,364 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { useDatesContext, shiftTimezone, DatesProvider } from '@mantine/dates';
+import React__default from 'react';
+import { FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
+import { useI18nContext } from '../../node_modules/@razorpay/i18nify-react/lib/esm/index.js';
+import { HeadlessMantineProvider } 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 '../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 { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import useTheme from '../BladeProvider/useTheme.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 { 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';
+
+var _excluded = ["selectionType", "allowSingleDateInRange", "value", "defaultValue", "onChange", "presets", "isOpen", "defaultIsOpen", "onOpenChange", "label", "labelPosition", "accessibilityLabel", "errorText", "helpText", "isDisabled", "isRequired", "successText", "validationState", "size", "autoFocus", "necessityIndicator", "name", "defaultPicker", "picker", "onPickerChange"];
+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,
+    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,
+    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 ctx = useDatesContext();
+  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 _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 _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);
+        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(), ctx.getTimezone());
+  var _React$useState3 = React__default.useState(controlledValue),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    oldValue = _React$useState4[0],
+    setOldValue = _React$useState4[1];
+  var close = React__default.useCallback(function () {
+    controllableSetIsOpen(function () {
+      return false;
+    });
+  }, [controllableSetIsOpen]);
+  var handleApply = function handleApply() {
+    _onChange === null || _onChange === void 0 ? void 0 : _onChange(controlledValue);
+    setOldValue(controlledValue);
+    close();
+  };
+  var handleCancel = function handleCancel() {
+    setControlledValue(oldValue);
+    setPickedDate(null);
+    close();
+  };
+  var isMobile = useIsMobile();
+  var defaultInitialFocusRef = React__default.useRef(null);
+  var titleId = useId('datepicker-title');
+  var referenceRef = React__default.useRef(null);
+  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'
+      },
+      backgroundColor: "surface.background.gray.intense",
+      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,
+        onPickerChange: function onPickerChange(picker) {
+          setPicker(function () {
+            return picker;
+          });
+          forceRerender();
+        }
+      })), isMobile ? null : /*#__PURE__*/jsx(CalendarFooter, {
+        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(HeadlessMantineProvider, {
+    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, {
+          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,
+          isDisabled: isDisabled,
+          isRequired: isRequired,
+          successText: successText,
+          validationState: validationState,
+          autoFocus: autoFocus,
+          necessityIndicator: necessityIndicator
+        }), 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
+            }, 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
+              })
+            }))
+          })
+        })]
+      }))
+    })
+  });
+};
+
+export { DatePicker };
+//# sourceMappingURL=DatePicker.web.js.map

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

@@ -0,0 +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, shiftTimezone, useDatesContext } from '@mantine/dates';\nimport React from 'react';\nimport { FloatingFocusManager, FloatingPortal } from '@floating-ui/react';\nimport { useI18nContext } from '@razorpay/i18nify-react';\nimport { HeadlessMantineProvider } 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 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';\n\nconst DatePicker = <Type extends DateSelectionType = 'single'>({\n  selectionType,\n  allowSingleDateInRange,\n  value,\n  defaultValue,\n  onChange,\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  ...props\n}: DatePickerProps<Type> & StyledPropsBlade): React.ReactElement => {\n  const { i18nState } = useI18nContext();\n  const _selectionType = selectionType ?? 'single';\n  const { theme } = useTheme();\n  const ctx = useDatesContext();\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\n  const [_picker, setPicker] = useControllableState<PickerType>({\n    defaultValue: defaultPicker,\n    value: picker,\n    onChange: (picker) => {\n      onPickerChange?.(picker);\n    },\n  });\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      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(), ctx.getTimezone());\n  const [oldValue, setOldValue] = React.useState<DatesRangeValue | null>(controlledValue);\n\n  const close = React.useCallback(() => {\n    controllableSetIsOpen(() => false);\n  }, [controllableSetIsOpen]);\n\n  const handleApply = (): void => {\n    onChange?.(controlledValue);\n    setOldValue(controlledValue);\n    close();\n  };\n\n  const handleCancel = (): void => {\n    setControlledValue(oldValue);\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 referenceRef = React.useRef<HTMLButtonElement>(null);\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        backgroundColor=\"surface.background.gray.intense\"\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          onPickerChange={(picker) => {\n            setPicker(() => picker);\n            forceRerender();\n          }}\n        />\n        {isMobile ? null : <CalendarFooter onApply={handleApply} onCancel={handleCancel} />}\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    <HeadlessMantineProvider>\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}\n            helpText={helpText}\n            isDisabled={isDisabled}\n            isRequired={isRequired}\n            successText={successText}\n            validationState={validationState}\n            autoFocus={autoFocus}\n            necessityIndicator={necessityIndicator}\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                    {...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    </HeadlessMantineProvider>\n  );\n};\n\nexport { DatePicker };\n"],"names":["DatePicker","_ref","selectionType","allowSingleDateInRange","value","defaultValue","onChange","presets","isOpen","defaultIsOpen","onOpenChange","label","_ref$labelPosition","labelPosition","accessibilityLabel","errorText","helpText","isDisabled","isRequired","successText","validationState","size","autoFocus","necessityIndicator","name","_ref$defaultPicker","defaultPicker","picker","onPickerChange","props","_objectWithoutProperties","_excluded","_useI18nContext","useI18nContext","i18nState","_selectionType","_useTheme","useTheme","theme","ctx","useDatesContext","isSingle","_React$useReducer","React","useReducer","x","_React$useReducer2","_slicedToArray","_","forceRerender","_React$useState","useState","_React$useState2","selectedPreset","setSelectedPreset","_useControllableState","useControllableState","_useControllableState2","_picker","setPicker","_useDatesState","useDatesState","level","type","allowDeselect","date","onDateChange","onRootMouseLeave","onHoveredDateChange","getControlProps","setPickedDate","controlledValue","setControlledValue","_useControllableState3","_useControllableState4","controllableIsOpen","controllableSetIsOpen","currentDate","shiftTimezone","Date","getTimezone","_React$useState3","_React$useState4","oldValue","setOldValue","close","useCallback","handleApply","handleCancel","isMobile","useIsMobile","defaultInitialFocusRef","useRef","titleId","useId","referenceRef","_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","backgroundColor","Calendar","_objectSpread","onMouseLeave","__onDayMouseEnter","_event","__onDayClick","getMonthControlProps","getYearControlProps","getDayProps","onMonthSelect","_props$onMonthSelect","call","onYearSelect","_props$onYearSelect","onNext","data","_props$onNext","onPrevious","_props$onPrevious","CalendarFooter","onApply","onCancel","dateProviderValue","useMemo","_i18nState$locale","locale","convertIntlToDayjsLocale","useLayoutEffect","_i18nState$locale2","window","dayjs","loadScript","concat","e","logger","message","HeadlessMantineProvider","DatesProvider","settings","getStyledProps","metaAttribute","MetaConstants","DatePickerInput","ref","inputRef","reference","referenceProps","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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"}