@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/production/components/DatePicker/CalendarStyles.web.js

@@ -12,7 +12,6 @@ import '../../utils/getFocusRingStyles/index.js';
 import { size } from '../../tokens/global/size.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 import { makeSpace } from '../../utils/makeSpace/makeSpace.js';
-import { makeBorderSize } from '../../utils/makeBorderSize/makeBorderSize.js';
 import { getFocusRingStyles } from '../../utils/getFocusRingStyles/getFocusRingStyles.web.js';
 
 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; }
@@ -67,14 +66,14 @@ var selectedCell = {
   },
   month: {
     background: {
-      "default": 'transparent',
-      hover: 'interactive.background.primary.faded'
+      "default": 'interactive.background.gray.fadedHighlighted',
+      hover: 'interactive.background.gray.fadedHighlighted'
     },
     border: {
       "default": 'interactive.border.primary.default'
     },
     text: {
-      "default": 'interactive.text.primary.normal'
+      "default": 'interactive.text.gray.normal'
     }
   }
 };
@@ -193,11 +192,8 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
         }
       },
       '&[data-celltype="month"], &[data-celltype="year"]': {
-        backgroundColor: 'transparent',
-        outlineStyle: 'solid',
-        outlineWidth: makeBorderSize(theme.border.width.thin),
-        outlineOffset: makeSpace(-theme.border.width.thin),
-        outlineColor: getIn(theme.colors, selectedCell.month.border["default"]),
+        backgroundColor: getIn(theme.colors, selectedCell.month.background["default"]),
+        outlineStyle: 'none',
         color: getIn(theme.colors, selectedCell.month.text["default"]),
         ':hover': {
           backgroundColor: getIn(theme.colors, selectedCell.month.background.hover)
@@ -261,7 +257,8 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
   }), ".".concat(classes.row), {
     textAlign: 'center',
     display: isDayPicker ? 'flex' : 'grid',
-    gridTemplateColumns: 'repeat(3, 1fr)'
+    gridTemplateColumns: 'repeat(3, 1fr)',
+    gap: isDayPicker ? undefined : makeSpace(theme.spacing[3])
   }), ".".concat(classes.calendarHeader), {
     display: 'none'
   }), ".".concat(classes.weekday), _objectSpread(_objectSpread({}, getTextStyles({
@@ -279,22 +276,28 @@ var CalendarStyles = /*#__PURE__*/styled(BaseBox).withConfig({
       width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),
       height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),
       aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,
-      borderRadius: theme.border.radius.medium,
       backgroundColor: getIn(theme.colors, cell.background["default"]),
+      borderRadius: theme.border.radius.small,
       border: 'none'
     }, getTextStyles({
       theme: theme,
       variant: 'body',
       size: 'medium',
-      weight: 'regular'
+      weight: isDayPicker ? 'regular' : 'medium'
     })), {}, {
       '&:hover': {
         backgroundColor: getIn(theme.colors, cell.background.hover)
       },
+      '&[data-celltype="month"]:hover, &[data-celltype="year"]:hover': {
+        backgroundColor: getIn(theme.colors, 'interactive.background.gray.default')
+      },
       '&:focus-visible': getFocusRingStyles({
         theme: theme,
         isImportant: true
       }),
+      '&[data-celltype="month"]:focus-visible, &[data-celltype="year"]:focus-visible': {
+        backgroundColor: getIn(theme.colors, 'interactive.background.gray.default')
+      },
       '&[data-disabled]': {
         color: getIn(theme.colors, cell.text.disabled),
         backgroundColor: getIn(theme.colors, cell.background.disabled),

package/build/lib/web/production/components/DatePicker/CalendarStyles.web.js.map

@@ -1 +1 @@
-{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeBorderSize, makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'transparent',\n      hover: 'interactive.background.primary.faded',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.primary.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'surface.background.primary.subtle',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: 'transparent',\n        outlineStyle: 'solid',\n        outlineWidth: makeBorderSize(theme.border.width.thin),\n        outlineOffset: makeSpace(-theme.border.width.thin),\n        outlineColor: getIn(theme.colors, selectedCell.month.border.default),\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: !isDayPicker || isMobile ? '100%' : undefined,\n      },\n      '> div': {\n        margin: 0,\n        width: isMobile || !isDayPicker ? '100%' : undefined,\n      },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      button: {\n        all: 'unset',\n        cursor: 'pointer',\n        width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n        height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n        aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n        borderRadius: theme.border.radius.medium,\n        backgroundColor: getIn(theme.colors, cell.background.default),\n        border: 'none',\n        ...getTextStyles({ theme, variant: 'body', size: 'medium', weight: 'regular' }),\n\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, cell.background.hover),\n        },\n        '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n        '&[data-disabled]': {\n          color: getIn(theme.colors, cell.text.disabled),\n          backgroundColor: getIn(theme.colors, cell.background.disabled),\n          cursor: 'not-allowed',\n        },\n        '&[data-hidden]': {\n          display: 'none',\n        },\n        '&[data-outside]': {\n          color: theme.colors.interactive.text.gray.muted,\n        },\n        '&[data-outside]:hover': {\n          color: getIn(theme.colors, cell.text.default),\n        },\n        ...ranges,\n        ...today,\n        ...selected,\n      },\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","outlineWidth","makeBorderSize","thin","outlineOffset","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,IAAMA,IAAI,GAAG;AACXC,EAAAA,GAAG,EAAE;AACHC,IAAAA,CAAC,EAAEC,IAAI,CAAC,CAAC,CAAC;IACVC,CAAC,EAAED,IAAI,CAAC,CAAC,CAAA;GACV;AACDA,EAAAA,IAAI,EAAE;AACJE,IAAAA,OAAO,EAAEF,IAAI,CAAC,EAAE,CAAC;IACjBG,MAAM,EAAEH,IAAI,CAAC,EAAE,CAAA;GAChB;AACDI,EAAAA,UAAU,EAAE;AACV,IAAA,SAAA,EAAS,aAAa;AACtBC,IAAAA,KAAK,EAAE,yCAAyC;AAChDC,IAAAA,QAAQ,EAAE,aAAA;GACX;AACDC,EAAAA,IAAI,EAAE;AACJ,IAAA,SAAA,EAAS,8BAA8B;AACvCD,IAAAA,QAAQ,EAAE,gCAAA;AACZ,GAAA;AACF,CAAU,CAAA;AAEV,IAAME,SAAS,GAAG;AAChBJ,EAAAA,UAAU,EAAE;AACV,IAAA,SAAA,EAAS,aAAa;AACtBC,IAAAA,KAAK,EAAE,sCAAA;GACR;AACDI,EAAAA,MAAM,EAAE;AACN,IAAA,SAAA,EAAS,oCAAoC;AAC7CJ,IAAAA,KAAK,EAAE,oCAAA;GACR;AACDE,EAAAA,IAAI,EAAE;AACJ,IAAA,SAAA,EAAS,iCAAiC;AAC1CF,IAAAA,KAAK,EAAE,iCAAA;AACT,GAAA;AACF,CAAU,CAAA;AAEV,IAAMK,YAAY,GAAG;AACnBC,EAAAA,GAAG,EAAE;AACHP,IAAAA,UAAU,EAAE;AACV,MAAA,SAAA,EAAS,wCAAwC;AACjDC,MAAAA,KAAK,EAAE,4CAAA;KACR;AACDI,IAAAA,MAAM,EAAE;AACN,MAAA,SAAA,EAAS,oCAAoC;AAC7CJ,MAAAA,KAAK,EAAE,kCAAA;KACR;AACDE,IAAAA,IAAI,EAAE;AACJ,MAAA,SAAA,EAAS,mCAAmC;AAC5CF,MAAAA,KAAK,EAAE,mCAAA;AACT,KAAA;GACD;AACDO,EAAAA,KAAK,EAAE;AACLR,IAAAA,UAAU,EAAE;AACV,MAAA,SAAA,EAAS,aAAa;AACtBC,MAAAA,KAAK,EAAE,sCAAA;KACR;AACDI,IAAAA,MAAM,EAAE;MACN,SAAS,EAAA,oCAAA;KACV;AACDF,IAAAA,IAAI,EAAE;MACJ,SAAS,EAAA,iCAAA;AACX,KAAA;AACF,GAAA;AACF,CAAU,CAAA;AAEV,IAAMM,WAAW,GAAG;AAClBT,EAAAA,UAAU,EAAE;AACV,IAAA,SAAA,EAAS,mCAAmC;AAC5CC,IAAAA,KAAK,EAAE,sCAAA;GACR;AACDI,EAAAA,MAAM,EAAE;AACN,IAAA,SAAA,EAAS,oCAAoC;AAC7CJ,IAAAA,KAAK,EAAE,oCAAA;GACR;AACDE,EAAAA,IAAI,EAAE;AACJ,IAAA,SAAA,EAAS,iCAAiC;AAC1CF,IAAAA,KAAK,EAAE,iCAAA;AACT,GAAA;AACF,CAAU,CAAA;AAEV,IAAMS,sBAAsB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,2CAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAC5C,CAAA,CAAA,UAAAC,IAAA,EAA8B;AAAA,EAAA,IAA3BC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,OAAO,GAAAH,IAAA,CAAPG,OAAO,CAAA;AACrB,EAAA,IAAMC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B;AACA,EAAA,IAAID,QAAQ,IAAI,CAACD,OAAO,EAAE,OAAO,EAAE,CAAA;;AAEnC;AACA;AACA,EAAA,IAAMG,IAAI,GAAGC,KAAK,CAACL,IAAI,CAAC,CAAA;AACxB,EAAA,IAAMM,YAAY,GAAGF,IAAI,CAACG,OAAO,CAAC,OAAO,CAAC,CAAA;AAC1C,EAAA,IAAMC,WAAW,GAAGJ,IAAI,CAACK,KAAK,CAAC,OAAO,CAAC,CAAA;AACvC;AACA;AACA;EACA,IAAMC,4BAA4B,GAAGJ,YAAY,CAACjB,GAAG,EAAE,KAAK,CAAC,CAAA;EAC7D,IAAMsB,yBAAyB,GAAGH,WAAW,CAACnB,GAAG,EAAE,KAAK,CAAC,CAAA;;AAEzD;AACA,EAAA,IAAMuB,IAAI,GAAGP,KAAK,CAACL,IAAI,CAAC,CAACa,GAAG,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;AACxC,EAAA,IAAMC,YAAY,GAAGF,IAAI,CAACL,OAAO,CAAC,OAAO,CAAC,CAAA;AAC1C,EAAA,IAAMQ,WAAW,GAAGH,IAAI,CAACH,KAAK,CAAC,OAAO,CAAC,CAAA;EACvC,IAAMO,4BAA4B,GAAGF,YAAY,CAACzB,GAAG,EAAE,KAAK,CAAC,CAAA;EAC7D,IAAM4B,yBAAyB,GAAGF,WAAW,CAAC1B,GAAG,EAAE,KAAK,CAAC,CAAA;AAEzD,EAAA,IAAM6B,sBAAsB,GAAAC,EAAAA,CAAAA,MAAA,CAAMf,IAAI,CAACd,KAAK,EAAE,EAAA,GAAA,CAAA,CAAA6B,MAAA,CAAIb,YAAY,CAACN,IAAI,EAAE,CAAE,CAAA;AACvE,EAAA,IAAMoB,qBAAqB,GAAAD,EAAAA,CAAAA,MAAA,CAAMf,IAAI,CAACd,KAAK,EAAE,EAAA,GAAA,CAAA,CAAA6B,MAAA,CAAIX,WAAW,CAACR,IAAI,EAAE,CAAE,CAAA;AACrE,EAAA,IAAMqB,sBAAsB,GAAAF,EAAAA,CAAAA,MAAA,CAAMP,IAAI,CAACtB,KAAK,EAAE,EAAA,GAAA,CAAA,CAAA6B,MAAA,CAAIL,YAAY,CAACd,IAAI,EAAE,CAAE,CAAA;AACvE,EAAA,IAAMsB,qBAAqB,GAAAH,EAAAA,CAAAA,MAAA,CAAMP,IAAI,CAACtB,KAAK,EAAE,EAAA,GAAA,CAAA,CAAA6B,MAAA,CAAIJ,WAAW,CAACf,IAAI,EAAE,CAAE,CAAA;AAErE,EAAA,IAAMuB,cAAc,GAAG;AACrBC,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,MAAM,EAAE,CAAC;AACTC,IAAAA,KAAK,EAAE,CAAC;AACRC,IAAAA,aAAa,EAAE,MAAA;GACP,CAAA;AACV,EAAA,IAAMC,aAAa,GAAAC,aAAA,CAAAA,aAAA,KACdT,cAAc,CAAA,EAAA,EAAA,EAAA;AACjBU,IAAAA,IAAI,EAAE,OAAO;AACbnD,IAAAA,UAAU,EAAAqC,yCAAAA,CAAAA,MAAA,CAA4Ce,KAAK,CACzDnC,KAAK,CAACoC,MAAM,EACZ5C,WAAW,CAACT,UAAU,WACxB,CAAC,EAAA,GAAA,CAAA;GACF,CAAA,CAAA;AACD,EAAA,IAAMsD,YAAY,GAAAJ,aAAA,CAAAA,aAAA,KACbT,cAAc,CAAA,EAAA,EAAA,EAAA;AACjBU,IAAAA,IAAI,EAAE,MAAM;AACZnD,IAAAA,UAAU,EAAAqC,wCAAAA,CAAAA,MAAA,CAA2Ce,KAAK,CACxDnC,KAAK,CAACoC,MAAM,EACZ5C,WAAW,CAACT,UAAU,WACxB,CAAC,EAAA,GAAA,CAAA;GACF,CAAA,CAAA;AAED,EAAA,OAAAuD,eAAA,CAAAlB,EAAAA,EAAAA,GAAAA,CAAAA,MAAA,CACOmB,OAAO,CAACC,OAAO,CAAAF,EAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,iEAAAlB,MAAA,CAE0CD,sBAAsB,EAAO,KAAA,CAAA,EAAA;AACvF,IAAA,UAAU,EAAER,4BAA4B,GAAG,EAAE,GAAGqB,aAAAA;AAClD,GAAC,CAAAZ,EAAAA,0DAAAA,CAAAA,MAAA,CAC0DC,qBAAqB,EAAO,KAAA,CAAA,EAAA;AACrF,IAAA,UAAU,EAAET,yBAAyB,GAAG,EAAE,GAAGyB,YAAAA;AAC/C,GAAC,CAAAjB,EAAAA,2DAAAA,CAAAA,MAAA,CAE2DE,sBAAsB,EAAO,KAAA,CAAA,EAAA;AACvF,IAAA,UAAU,EAAEL,4BAA4B,GAAG,EAAE,GAAGe,aAAAA;AAClD,GAAC,CAAAZ,EAAAA,0DAAAA,CAAAA,MAAA,CAC0DG,qBAAqB,EAAO,KAAA,CAAA,EAAA;AACrF,IAAA,UAAU,EAAEL,yBAAyB,GAAG,EAAE,GAAGmB,YAAAA;GAC9C,CAAA,CAAA,CAAA;AAGP,CAAC,EACF;AAED,IAAMI,cAAc,gBAAG/C,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,mCAAA;EAAAC,WAAA,EAAA,UAAA;AAAA,CAA8B,CAAA,CAAA,UAAA4C,KAAA,EAA2B;AAAA,EAAA,IAAxB1C,KAAK,GAAA0C,KAAA,CAAL1C,KAAK;IAAE2C,UAAU,GAAAD,KAAA,CAAVC,UAAU,CAAA;AACtF,EAAA,IAAMxC,QAAQ,GAAGC,WAAW,EAAE,CAAA;AAC9B,EAAA,IAAMwC,MAAM,GAAGzC,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAA;AAC9C,EAAA,IAAM0C,WAAW,GAAGF,UAAU,KAAK,KAAK,CAAA;AAExC,EAAA,IAAMG,KAAK,GAAG;AACZ,IAAA,eAAe,EAAE;AACfpB,MAAAA,QAAQ,EAAE,UAAU;AACpB,MAAA,SAAS,EAAE;AACTD,QAAAA,OAAO,EAAE,IAAI;AACbC,QAAAA,QAAQ,EAAE,UAAU;AACpBQ,QAAAA,IAAI,EAAE,KAAK;AACXL,QAAAA,MAAM,EAAEkB,SAAS,CAACpE,IAAI,CAAC,CAAC,CAAC,CAAC;AAC1BqE,QAAAA,SAAS,EAAE,uBAAuB;QAClCC,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAEjD,SAAS,CAACD,IAAI,CAAA,SAAA,CAAQ,CAAC;QAC5DyC,KAAK,EAAEoB,SAAS,CAAC/C,KAAK,CAACkD,OAAO,CAAC,CAAC,CAAC,CAAC;QAClCC,MAAM,EAAEJ,SAAS,CAAC/C,KAAK,CAACkD,OAAO,CAAC,CAAC,CAAC,CAAC;AACnCE,QAAAA,YAAY,EAAEpD,KAAK,CAACZ,MAAM,CAACiE,MAAM,CAACC,GAAAA;AACpC,OAAA;KACD;AACD,IAAA,qBAAqB,EAAE;AACrBL,MAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAEjD,SAAS,CAACJ,UAAU,CAACC,KAAK,CAAC;AAChEuE,MAAAA,YAAY,EAAEpB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAEjD,SAAS,CAACC,MAAM,CAACJ,KAAK,CAAC;MACzDwE,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAEjD,SAAS,CAACD,IAAI,CAACF,KAAK,CAAA;AACjD,KAAA;GACQ,CAAA;AAEV,EAAA,IAAMyE,QAAQ,GAAG;AACf,IAAA,kBAAkB,EAAE;AAClB,MAAA,wBAAwB,EAAE;AACxBR,QAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACC,GAAG,CAACP,UAAU,WAAQ,CAAC;AACzEwE,QAAAA,YAAY,EAAEpB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACC,GAAG,CAACF,MAAM,WAAQ,CAAC;AAClEoE,QAAAA,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACC,GAAG,CAACJ,IAAI,WAAQ,CAAC;AACzD,QAAA,QAAQ,EAAE;AACR+D,UAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACC,GAAG,CAACP,UAAU,CAACC,KAAK,CAAC;AACvEwE,UAAAA,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACC,GAAG,CAACJ,IAAI,CAACF,KAAK,CAAA;AACxD,SAAA;OACD;AACD,MAAA,mDAAmD,EAAE;AACnDiE,QAAAA,eAAe,EAAE,aAAa;AAC9BS,QAAAA,YAAY,EAAE,OAAO;QACrBC,YAAY,EAAEC,cAAc,CAAC5D,KAAK,CAACZ,MAAM,CAACuC,KAAK,CAACkC,IAAI,CAAC;QACrDC,aAAa,EAAEf,SAAS,CAAC,CAAC/C,KAAK,CAACZ,MAAM,CAACuC,KAAK,CAACkC,IAAI,CAAC;AAClDN,QAAAA,YAAY,EAAEpB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACE,KAAK,CAACH,MAAM,WAAQ,CAAC;AACpEoE,QAAAA,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACE,KAAK,CAACL,IAAI,WAAQ,CAAC;AAC3D,QAAA,QAAQ,EAAE;AACR+D,UAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACE,KAAK,CAACR,UAAU,CAACC,KAAK,CAAA;AAC1E,SAAA;OACD;AACD,MAAA,SAAS,EAAE;AACTiE,QAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE/C,YAAY,CAACC,GAAG,CAACJ,IAAI,CAAQ,SAAA,CAAA,CAAA;AACpE,OAAA;AACF,KAAA;GACQ,CAAA;AAEV,EAAA,IAAM6E,MAAM,GAAG;AACb,IAAA,kBAAkB,EAAE;AAClBX,MAAAA,YAAY,EAAE,CAAC;MACfH,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5C,WAAW,CAACT,UAAU,CAAA,SAAA,CAAQ,CAAC;MACpEwE,YAAY,EAAEpB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5C,WAAW,CAACJ,MAAM,CAAA,SAAA,CAAQ,CAAC;MAC7DoE,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5C,WAAW,CAACN,IAAI,CAAA,SAAA,CAAQ,CAAC;AACpDwC,MAAAA,QAAQ,EAAE,UAAA;KACX;AACD,IAAA,wBAAwB,EAAE;AACxBuB,MAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5C,WAAW,CAACT,UAAU,CAACC,KAAK,CAAC;AAClEuE,MAAAA,YAAY,EAAEpB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5C,WAAW,CAACJ,MAAM,CAACJ,KAAK,CAAC;MAC3DwE,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5C,WAAW,CAACN,IAAI,CAACF,KAAK,CAAA;KAClD;AACD,IAAA,wBAAwB,EAAE;AACxBoE,MAAAA,YAAY,EAAEpD,KAAK,CAACZ,MAAM,CAACiE,MAAM,CAACW,MAAM;AACxCC,MAAAA,oBAAoB,EAAE,CAAC;AACvBC,MAAAA,uBAAuB,EAAE,CAAA;KAC1B;AACD,IAAA,uBAAuB,EAAE;AACvBd,MAAAA,YAAY,EAAEpD,KAAK,CAACZ,MAAM,CAACiE,MAAM,CAACW,MAAM;AACxCG,MAAAA,mBAAmB,EAAE,CAAC;AACtBC,MAAAA,sBAAsB,EAAE,CAAA;KACzB;AACD,IAAA,4CAA4C,EAAE;AAC5ChB,MAAAA,YAAY,EAAEpD,KAAK,CAACZ,MAAM,CAACiE,MAAM,CAACW,MAAAA;AACpC,KAAA;GACQ,CAAA;EAEV,OAAA1B,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAAA,eAAA,CAAA;AACEX,IAAAA,KAAK,EAAE,MAAA;AAAM,GAAA,EAAA,GAAA,CAAAP,MAAA,CACRmB,OAAO,CAAC8B,WAAW,CAAK,EAAA;AAC3B1C,IAAAA,KAAK,EAAE,MAAM;AACb2C,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,cAAc,EAAE,eAAe;IAC/B9F,GAAG,EAAEsE,SAAS,CAAC/C,KAAK,CAACkD,OAAO,CAAC,CAAC,CAAC,CAAC;AAChCsB,IAAAA,KAAK,EAAE;AACLC,MAAAA,cAAc,EAAE,UAAU;AAC1B9C,MAAAA,KAAK,EAAE,CAACkB,WAAW,IAAI1C,QAAQ,GAAG,MAAM,GAAGuE,SAAAA;KAC5C;AACD,IAAA,OAAO,EAAE;AACPC,MAAAA,MAAM,EAAE,CAAC;AACThD,MAAAA,KAAK,EAAExB,QAAQ,IAAI,CAAC0C,WAAW,GAAG,MAAM,GAAG6B,SAAAA;KAC5C;AACDE,IAAAA,EAAE,EAAE;AACFC,MAAAA,IAAI,EAAE,CAAA;KACP;AACDC,IAAAA,EAAE,EAAE;AACFD,MAAAA,IAAI,EAAE,CAAC;AACPE,MAAAA,OAAO,EAAE,KAAK;AACdC,MAAAA,aAAa,EAAEjC,SAAS,CAACvE,IAAI,CAACC,GAAG,CAACG,CAAC,CAAA;AACrC,KAAA;AACF,GAAC,OAAAwC,MAAA,CACImB,OAAO,CAAC0C,GAAG,CAAK,EAAA;AACnBC,IAAAA,SAAS,EAAE,QAAQ;AACnBZ,IAAAA,OAAO,EAAEzB,WAAW,GAAG,MAAM,GAAG,MAAM;AACtCsC,IAAAA,mBAAmB,EAAE,gBAAA;AACvB,GAAC,OAAA/D,MAAA,CACImB,OAAO,CAAC6C,cAAc,CAAK,EAAA;AAC9Bd,IAAAA,OAAO,EAAE,MAAA;AACX,GAAC,CAAAlD,EAAAA,GAAAA,CAAAA,MAAA,CACImB,OAAO,CAAC8C,OAAO,CAAApD,EAAAA,aAAA,CAAAA,aAAA,CACfqD,EAAAA,EAAAA,aAAa,CAAC;AACftF,IAAAA,KAAK,EAALA,KAAK;AACLuF,IAAAA,OAAO,EAAE,MAAM;AACf5G,IAAAA,IAAI,EAAE,OAAO;AACb6G,IAAAA,MAAM,EAAE,QAAQ;AAChBhC,IAAAA,KAAK,EAAE,yBAAA;AACT,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;IACFwB,aAAa,EAAEjC,SAAS,CAAC/C,KAAK,CAACkD,OAAO,CAAC,CAAC,CAAC,CAAA;AAAC,GAAA,CAAA,CAAA,EAAA,GAAA,CAAA9B,MAAA,CAEvCmB,OAAO,CAACC,OAAO,CAAK,EAAA;AACvBiD,IAAAA,MAAM,EAAAxD,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;AACJyD,MAAAA,GAAG,EAAE,OAAO;AACZC,MAAAA,MAAM,EAAE,SAAS;AACjBhE,MAAAA,KAAK,EAAExB,QAAQ,IAAI,CAAC0C,WAAW,GAAG,MAAM,GAAGE,SAAS,CAACvE,IAAI,CAACG,IAAI,CAACiE,MAAM,CAAC,CAAC;AACvEO,MAAAA,MAAM,EAAEN,WAAW,IAAI1C,QAAQ,GAAG,MAAM,GAAG4C,SAAS,CAACvE,IAAI,CAACG,IAAI,CAACiE,MAAM,CAAC,CAAC;AACvEgD,MAAAA,WAAW,EAAE/C,WAAW,IAAI1C,QAAQ,GAAG,OAAO,GAAGuE,SAAS;AAC1DtB,MAAAA,YAAY,EAAEpD,KAAK,CAACZ,MAAM,CAACiE,MAAM,CAACW,MAAM;MACxCf,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5D,IAAI,CAACO,UAAU,CAAA,SAAA,CAAQ,CAAC;AAC7DK,MAAAA,MAAM,EAAE,MAAA;AAAM,KAAA,EACXkG,aAAa,CAAC;AAAEtF,MAAAA,KAAK,EAALA,KAAK;AAAEuF,MAAAA,OAAO,EAAE,MAAM;AAAE5G,MAAAA,IAAI,EAAE,QAAQ;AAAE6G,MAAAA,MAAM,EAAE,SAAA;AAAU,KAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AAE/E,MAAA,SAAS,EAAE;QACTvC,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5D,IAAI,CAACO,UAAU,CAACC,KAAK,CAAA;OAC3D;MACD,iBAAiB,EAAE6G,kBAAkB,CAAC;AAAE7F,QAAAA,KAAK,EAALA,KAAK;AAAE8F,QAAAA,WAAW,EAAE,IAAA;AAAK,OAAC,CAAC;AACnE,MAAA,kBAAkB,EAAE;AAClBtC,QAAAA,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5D,IAAI,CAACU,IAAI,CAACD,QAAQ,CAAC;AAC9CgE,QAAAA,eAAe,EAAEd,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5D,IAAI,CAACO,UAAU,CAACE,QAAQ,CAAC;AAC9D0G,QAAAA,MAAM,EAAE,aAAA;OACT;AACD,MAAA,gBAAgB,EAAE;AAChBrB,QAAAA,OAAO,EAAE,MAAA;OACV;AACD,MAAA,iBAAiB,EAAE;QACjBd,KAAK,EAAExD,KAAK,CAACoC,MAAM,CAAC2D,WAAW,CAAC7G,IAAI,CAAC8G,IAAI,CAACC,KAAAA;OAC3C;AACD,MAAA,uBAAuB,EAAE;QACvBzC,KAAK,EAAErB,KAAK,CAACnC,KAAK,CAACoC,MAAM,EAAE5D,IAAI,CAACU,IAAI,CAAQ,SAAA,CAAA,CAAA;AAC9C,OAAA;AAAC,KAAA,EACE6E,MAAM,CAAA,EACNjB,KAAK,CAAA,EACLW,QAAQ,CAAA;GAEd,CAAA,CAAA;AAEL,CAAC;;;;"}
+{"version":3,"file":"CalendarStyles.web.js","sources":["../../../../../../src/components/DatePicker/CalendarStyles.web.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/restrict-plus-operands */\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport type { PickerType } from './types';\nimport { classes } from './constants';\nimport BaseBox from '~components/Box/BaseBox';\nimport getTextStyles from '~components/Typography/Text/getTextStyles';\nimport { size } from '~tokens/global';\nimport { makeSpace } from '~utils';\nimport getIn from '~utils/lodashButBetter/get';\nimport { useIsMobile } from '~utils/useIsMobile';\nimport { getFocusRingStyles } from '~utils/getFocusRingStyles';\n\nconst cell = {\n  gap: {\n    x: size[0],\n    y: size[2],\n  },\n  size: {\n    desktop: size[40],\n    mobile: size[48],\n  },\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.gray.highlighted',\n    disabled: 'transparent',\n  },\n  text: {\n    default: 'interactive.text.gray.normal',\n    disabled: 'interactive.text.gray.disabled',\n  },\n} as const;\n\nconst todayCell = {\n  background: {\n    default: 'transparent',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst selectedCell = {\n  day: {\n    background: {\n      default: 'interactive.background.primary.default',\n      hover: 'interactive.background.primary.highlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n      hover: 'interactive.border.primary.faded',\n    },\n    text: {\n      default: 'interactive.text.onPrimary.normal',\n      hover: 'interactive.text.onPrimary.normal',\n    },\n  },\n  month: {\n    background: {\n      default: 'interactive.background.gray.fadedHighlighted',\n      hover: 'interactive.background.gray.fadedHighlighted',\n    },\n    border: {\n      default: 'interactive.border.primary.default',\n    },\n    text: {\n      default: 'interactive.text.gray.normal',\n    },\n  },\n} as const;\n\nconst inRangeCell = {\n  background: {\n    default: 'surface.background.primary.subtle',\n    hover: 'interactive.background.primary.faded',\n  },\n  border: {\n    default: 'interactive.border.primary.default',\n    hover: 'interactive.border.primary.default',\n  },\n  text: {\n    default: 'interactive.text.primary.normal',\n    hover: 'interactive.text.primary.normal',\n  },\n} as const;\n\nconst CalendarGradientStyles = styled(BaseBox)<{ date: Date; isRange: boolean }>(\n  ({ theme, date, isRange }) => {\n    const isMobile = useIsMobile();\n    // Bail out if datepicker is not in range mode or on mobile\n    if (isMobile || !isRange) return {};\n\n    // Calculate the first and last day of the month for both calendars in range mode\n    // This is to apply the gradient to the first and last day of the month\n    const cal1 = dayjs(date);\n    const cal1FirstDay = cal1.startOf('month');\n    const cal1LastDay = cal1.endOf('month');\n    // Check if the first and last day of the month are at the start or end of the week\n    // If so, we don't apply the gradient, as it will overflow to the previous or next month\n    // Eg: https://github.com/razorpay/blade/assets/35374649/025b8ed9-90b4-49b6-a307-a746ae5b910f\n    const cal1IsFirstDayStartOfTheWeek = cal1FirstDay.day() === 0;\n    const cal1IsLastDayEndOfTheWeek = cal1LastDay.day() === 6;\n\n    // Do the same for the second calendar\n    const cal2 = dayjs(date).add(1, 'month');\n    const cal2FirstDay = cal2.startOf('month');\n    const cal2LastDay = cal2.endOf('month');\n    const cal2IsFirstDayStartOfTheWeek = cal2FirstDay.day() === 0;\n    const cal2IsLastDayEndOfTheWeek = cal2LastDay.day() === 6;\n\n    const calendar1FirstGradient = `${cal1.month()}-${cal1FirstDay.date()}`;\n    const calendar1LastGradient = `${cal1.month()}-${cal1LastDay.date()}`;\n    const calendar2FirstGradient = `${cal2.month()}-${cal2FirstDay.date()}`;\n    const calendar2LastGradient = `${cal2.month()}-${cal2LastDay.date()}`;\n\n    const gradientBefore = {\n      content: '\"\"',\n      position: 'absolute',\n      width: '100%',\n      top: 0,\n      bottom: 0,\n      right: 0,\n      pointerEvents: 'none',\n    } as const;\n    const rightGradient = {\n      ...gradientBefore,\n      left: '-100%',\n      background: `linear-gradient(to right, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n    const leftGradient = {\n      ...gradientBefore,\n      left: '100%',\n      background: `linear-gradient(to left, transparent, ${getIn(\n        theme.colors,\n        inRangeCell.background.default,\n      )})`,\n    };\n\n    return {\n      [`.${classes.dayCell}`]: {\n        // First calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar1FirstGradient}\"]`]: {\n          '&:before': cal1IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar1LastGradient}\"]`]: {\n          '&:before': cal1IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n        // Second calendar column\n        [`&[data-in-range]:not(&[data-first-in-range])[data-date=\"${calendar2FirstGradient}\"]`]: {\n          '&:before': cal2IsFirstDayStartOfTheWeek ? {} : rightGradient,\n        },\n        [`&[data-in-range]:not(&[data-last-in-range])[data-date=\"${calendar2LastGradient}\"]`]: {\n          '&:before': cal2IsLastDayEndOfTheWeek ? {} : leftGradient,\n        },\n      },\n    };\n  },\n);\n\nconst CalendarStyles = styled(BaseBox)<{ pickerType?: PickerType }>(({ theme, pickerType }) => {\n  const isMobile = useIsMobile();\n  const device = isMobile ? 'mobile' : 'desktop';\n  const isDayPicker = pickerType === 'day';\n\n  const today = {\n    '&[data-today]': {\n      position: 'relative',\n      ':before': {\n        content: '\"\"',\n        position: 'absolute',\n        left: '50%',\n        bottom: makeSpace(size[5]),\n        transform: 'translate(-50%, -50%)',\n        backgroundColor: getIn(theme.colors, todayCell.text.default),\n        width: makeSpace(theme.spacing[2]),\n        height: makeSpace(theme.spacing[2]),\n        borderRadius: theme.border.radius.max,\n      },\n    },\n    '&[data-today]:hover': {\n      backgroundColor: getIn(theme.colors, todayCell.background.hover),\n      outlineColor: getIn(theme.colors, todayCell.border.hover),\n      color: getIn(theme.colors, todayCell.text.hover),\n    },\n  } as const;\n\n  const selected = {\n    '&[data-selected]': {\n      '&[data-celltype=\"day\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.background.default),\n        outlineColor: getIn(theme.colors, selectedCell.day.border.default),\n        color: getIn(theme.colors, selectedCell.day.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.day.background.hover),\n          color: getIn(theme.colors, selectedCell.day.text.hover),\n        },\n      },\n      '&[data-celltype=\"month\"], &[data-celltype=\"year\"]': {\n        backgroundColor: getIn(theme.colors, selectedCell.month.background.default),\n        outlineStyle: 'none',\n        color: getIn(theme.colors, selectedCell.month.text.default),\n        ':hover': {\n          backgroundColor: getIn(theme.colors, selectedCell.month.background.hover),\n        },\n      },\n      ':before': {\n        backgroundColor: getIn(theme.colors, selectedCell.day.text.default),\n      },\n    },\n  } as const;\n\n  const ranges = {\n    '&[data-in-range]': {\n      borderRadius: 0,\n      backgroundColor: getIn(theme.colors, inRangeCell.background.default),\n      outlineColor: getIn(theme.colors, inRangeCell.border.default),\n      color: getIn(theme.colors, inRangeCell.text.default),\n      position: 'relative',\n    },\n    '&[data-in-range]:hover': {\n      backgroundColor: getIn(theme.colors, inRangeCell.background.hover),\n      outlineColor: getIn(theme.colors, inRangeCell.border.hover),\n      color: getIn(theme.colors, inRangeCell.text.hover),\n    },\n    '&[data-first-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n    },\n    '&[data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n    '&[data-first-in-range][data-last-in-range]': {\n      borderRadius: theme.border.radius.medium,\n    },\n  } as const;\n\n  return {\n    width: '100%',\n    [`.${classes.levelsGroup}`]: {\n      width: '100%',\n      display: 'flex',\n      justifyContent: 'space-between',\n      gap: makeSpace(theme.spacing[8]),\n      table: {\n        borderCollapse: 'collapse',\n        width: !isDayPicker || isMobile ? '100%' : undefined,\n      },\n      '> div': {\n        margin: 0,\n        width: isMobile || !isDayPicker ? '100%' : undefined,\n      },\n      th: {\n        flex: 1,\n      },\n      td: {\n        flex: 1,\n        padding: '0px',\n        paddingBottom: makeSpace(cell.gap.y),\n      },\n    },\n    [`.${classes.row}`]: {\n      textAlign: 'center',\n      display: isDayPicker ? 'flex' : 'grid',\n      gridTemplateColumns: 'repeat(3, 1fr)',\n      gap: isDayPicker ? undefined : makeSpace(theme.spacing[3]),\n    },\n    [`.${classes.calendarHeader}`]: {\n      display: 'none',\n    },\n    [`.${classes.weekday}`]: {\n      ...getTextStyles({\n        theme,\n        variant: 'body',\n        size: 'small',\n        weight: 'medium',\n        color: 'surface.text.gray.muted',\n      }),\n      paddingBottom: makeSpace(theme.spacing[4]),\n    },\n    [`.${classes.dayCell}`]: {\n      button: {\n        all: 'unset',\n        cursor: 'pointer',\n        width: isMobile || !isDayPicker ? '100%' : makeSpace(cell.size[device]),\n        height: isDayPicker && isMobile ? '100%' : makeSpace(cell.size[device]),\n        aspectRatio: isDayPicker && isMobile ? '1 / 1' : undefined,\n        backgroundColor: getIn(theme.colors, cell.background.default),\n        borderRadius: theme.border.radius.small,\n        border: 'none',\n        ...getTextStyles({\n          theme,\n          variant: 'body',\n          size: 'medium',\n          weight: isDayPicker ? 'regular' : 'medium',\n        }),\n\n        '&:hover': {\n          backgroundColor: getIn(theme.colors, cell.background.hover),\n        },\n        '&[data-celltype=\"month\"]:hover, &[data-celltype=\"year\"]:hover': {\n          backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n        },\n        '&:focus-visible': getFocusRingStyles({ theme, isImportant: true }),\n        '&[data-celltype=\"month\"]:focus-visible, &[data-celltype=\"year\"]:focus-visible': {\n          backgroundColor: getIn(theme.colors, 'interactive.background.gray.default'),\n        },\n        '&[data-disabled]': {\n          color: getIn(theme.colors, cell.text.disabled),\n          backgroundColor: getIn(theme.colors, cell.background.disabled),\n          cursor: 'not-allowed',\n        },\n        '&[data-hidden]': {\n          display: 'none',\n        },\n        '&[data-outside]': {\n          color: theme.colors.interactive.text.gray.muted,\n        },\n        '&[data-outside]:hover': {\n          color: getIn(theme.colors, cell.text.default),\n        },\n        ...ranges,\n        ...today,\n        ...selected,\n      },\n    },\n  };\n});\n\nexport { CalendarStyles, CalendarGradientStyles };\n"],"names":["cell","gap","x","size","y","desktop","mobile","background","hover","disabled","text","todayCell","border","selectedCell","day","month","inRangeCell","CalendarGradientStyles","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","date","isRange","isMobile","useIsMobile","cal1","dayjs","cal1FirstDay","startOf","cal1LastDay","endOf","cal1IsFirstDayStartOfTheWeek","cal1IsLastDayEndOfTheWeek","cal2","add","cal2FirstDay","cal2LastDay","cal2IsFirstDayStartOfTheWeek","cal2IsLastDayEndOfTheWeek","calendar1FirstGradient","concat","calendar1LastGradient","calendar2FirstGradient","calendar2LastGradient","gradientBefore","content","position","width","top","bottom","right","pointerEvents","rightGradient","_objectSpread","left","getIn","colors","leftGradient","_defineProperty","classes","dayCell","CalendarStyles","_ref3","pickerType","device","isDayPicker","today","makeSpace","transform","backgroundColor","spacing","height","borderRadius","radius","max","outlineColor","color","selected","outlineStyle","ranges","medium","borderTopRightRadius","borderBottomRightRadius","borderTopLeftRadius","borderBottomLeftRadius","levelsGroup","display","justifyContent","table","borderCollapse","undefined","margin","th","flex","td","padding","paddingBottom","row","textAlign","gridTemplateColumns","calendarHeader","weekday","getTextStyles","variant","weight","button","all","cursor","aspectRatio","small","getFocusRingStyles","isImportant","interactive","gray","muted"],"mappings":"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"}

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

@@ -5,25 +5,26 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import React__default from 'react';
 import { useDatesContext } from '@mantine/dates';
 import { stripDelimiters, validateAndParseDateInput, rangeFormattedValue, getTextInputFormat, finalInputFormat, getFormattedDate, rangeInputPlaceHolder } from './utils.js';
+import { useDatePickerContext } from './DatePickerContext.js';
 import '../Box/BaseBox/index.js';
 import '../Input/TextInput/index.js';
 import '../../utils/index.js';
 import '../Icons/index.js';
 import '../../utils/makeAnalyticsAttribute/index.js';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { TextInput } from '../Input/TextInput/TextInput.js';
 import CalendarIcon from '../Icons/CalendarIcon/CalendarIcon.js';
+import { TextInput } from '../Input/TextInput/TextInput.js';
 import { isReactNative } from '../../utils/platform/isReactNative.js';
 import { makeAnalyticsAttribute } from '../../utils/makeAnalyticsAttribute/makeAnalyticsAttribute.js';
 import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
 
-var _excluded = ["format", "date", "setControlledValue", "effectiveSelectionType", "leadingDropdown", "tags", "id"],
+var _excluded = ["format", "date", "setControlledValue", "effectiveSelectionType", "leadingDropdown", "tags", "id", "selectedPresetLabel", "showClearButton", "onClearButtonClick"],
   _excluded2 = ["value", "name", "isRequired", "isDisabled"],
-  _excluded3 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "labelSuffix", "labelTrailing", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText", "format", "placeholder", "setControlledValue", "leadingDropdown", "selectedPreset", "excludeDate", "minDate", "maxDate", "effectiveSelectionType"];
+  _excluded3 = ["selectionType", "referenceProps", "inputRef", "date", "label", "labelPosition", "labelSuffix", "labelTrailing", "autoFocus", "name", "size", "necessityIndicator", "successText", "errorText", "helpText", "format", "placeholder", "setControlledValue", "leadingDropdown", "selectedPreset", "excludeDate", "minDate", "maxDate", "effectiveSelectionType", "showClearButton", "onClearButtonClick", "selectedPresetLabel"];
 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 _textInputProps$error;
+  var _datePickerContext$is, _datePickerContext$di;
   var format = props.format,
     date = props.date,
     setControlledValue = props.setControlledValue,
@@ -31,7 +32,16 @@ var _DateInput = function _DateInput(props, ref) {
     leadingDropdown = props.leadingDropdown,
     tags = props.tags,
     id = props.id,
+    selectedPresetLabel = props.selectedPresetLabel,
+    showClearButton = props.showClearButton,
+    onClearButtonClick = props.onClearButtonClick,
     textInputProps = _objectWithoutProperties(props, _excluded);
+
+  // Use context to check datepicker state - more reliable than prop drilling
+  var datePickerContext = useDatePickerContext();
+  var isPopupOpen = (_datePickerContext$is = datePickerContext === null || datePickerContext === void 0 ? void 0 : datePickerContext.isDatePickerBodyOpen) !== null && _datePickerContext$is !== void 0 ? _datePickerContext$is : false;
+  var displayFormat = (_datePickerContext$di = datePickerContext === null || datePickerContext === void 0 ? void 0 : datePickerContext.displayFormat) !== null && _datePickerContext$di !== void 0 ? _datePickerContext$di : 'default';
+  var isCompactMode = displayFormat === 'compact';
   var _React$useState = React__default.useState(['']),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     inputValue = _React$useState2[0],
@@ -40,6 +50,10 @@ var _DateInput = function _DateInput(props, ref) {
     _React$useState4 = _slicedToArray(_React$useState3, 2),
     validationError = _React$useState4[0],
     setValidationError = _React$useState4[1];
+  var _React$useState5 = React__default.useState(false),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    isFocused = _React$useState6[0],
+    setIsFocused = _React$useState6[1];
   var shouldShowCalendarIcon = !Boolean(leadingDropdown);
 
   // Determine selection type: prefer preset context calculation over props
@@ -129,17 +143,73 @@ var _DateInput = function _DateInput(props, ref) {
     // Apply final value on blur (without empty clearing to preserve existing dates)
     applyDateValue(currentInputValue, false);
   }, [applyDateValue, isRange]);
-  return /*#__PURE__*/jsx(TextInput, _objectSpread(_objectSpread({}, textInputProps), {}, {
-    ref: ref,
-    type: "number",
-    value: isRange ? rangeFormattedValue(inputValue[0], inputValue[1]) : inputValue[0],
-    leadingIcon: shouldShowCalendarIcon ? CalendarIcon : undefined,
-    leading: leadingDropdown,
-    format: isRange ? getTextInputFormat(finalInputFormat(inputValue[0], inputValue[1], format), true) : getTextInputFormat(format, false),
-    validationState: validationError ? 'error' : textInputProps.validationState,
-    errorText: (_textInputProps$error = textInputProps.errorText) !== null && _textInputProps$error !== void 0 ? _textInputProps$error : validationError,
-    onChange: handleInputChange,
-    onBlur: handleBlur,
+  var handleFocus = React__default.useCallback(function () {
+    setIsFocused(true);
+  }, []);
+  var handleBlurWithFocusState = React__default.useCallback(function (params) {
+    setIsFocused(false);
+    handleBlur(params);
+  }, [handleBlur]);
+
+  // Compute input props based on whether we're showing a preset label or date input
+  // DatePicker is "active" when input is focused OR popup is open (from context)
+  // This ensures consistent behavior when focus moves between input and calendar
+  var isDatePickerActive = isFocused || isPopupOpen;
+
+  // Check if there's actually a valid date selection. in range mode we need to check if both dates are not null
+  var hasValidSelection = isRange ? (date === null || date === void 0 ? void 0 : date[0]) && (date === null || date === void 0 ? void 0 : date[1]) : Boolean(date);
+
+  // Show preset label only when:
+  // 1. displayFormat is 'compact'
+  // 2. There's a preset label to show
+  // 3. There's actually a valid date selection (not cleared)
+  // 4. DatePicker is NOT active (closed and not focused)
+  var showPresetLabel = displayFormat === 'compact' && selectedPresetLabel && hasValidSelection && !isDatePickerActive;
+  var getInputDisplayProps = function getInputDisplayProps() {
+    var _textInputProps$error;
+    if (showPresetLabel) {
+      // Preset label mode: show clean input with just the label (not focused)
+      return {
+        type: 'text',
+        value: selectedPresetLabel,
+        leadingIcon: CalendarIcon,
+        format: undefined,
+        validationState: textInputProps.validationState,
+        errorText: textInputProps.errorText,
+        onChange: handleInputChange,
+        onBlur: handleBlurWithFocusState,
+        onFocus: handleFocus
+      };
+    }
+
+    // Date input mode: show formatted date with full editing capabilities
+    var dateDisplayValue = isRange ? rangeFormattedValue(inputValue[0], inputValue[1]) : inputValue[0];
+    var dateInputFormat = isRange ? getTextInputFormat(finalInputFormat(inputValue[0], inputValue[1], format), true) : getTextInputFormat(format, false);
+
+    // In compact mode: always show icon instead of dropdown (presets accessed via popup sidebar)
+    // In non-compact mode: show the dropdown as normal
+    // Note: We must conditionally include `leading` only when defined, otherwise `leading: undefined`
+    // would override/hide `leadingIcon` in the TextInput component
+    var showLeadingDropdown = isCompactMode ? undefined : leadingDropdown;
+    var showLeadingIcon = isCompactMode || shouldShowCalendarIcon ? CalendarIcon : undefined;
+    return _objectSpread(_objectSpread({
+      type: 'number',
+      value: dateDisplayValue,
+      leadingIcon: showLeadingIcon
+    }, showLeadingDropdown ? {
+      leading: showLeadingDropdown
+    } : {}), {}, {
+      format: dateInputFormat,
+      validationState: validationError ? 'error' : textInputProps.validationState,
+      errorText: (_textInputProps$error = textInputProps.errorText) !== null && _textInputProps$error !== void 0 ? _textInputProps$error : validationError,
+      onChange: handleInputChange,
+      onBlur: handleBlurWithFocusState,
+      onFocus: handleFocus
+    });
+  };
+  return /*#__PURE__*/jsx(TextInput, _objectSpread(_objectSpread(_objectSpread({}, textInputProps), {}, {
+    ref: ref
+  }, getInputDisplayProps()), {}, {
     onClick: function onClick(e) {
       var _textInputProps$onCli;
       if (textInputProps.isDisabled) {
@@ -152,7 +222,9 @@ var _DateInput = function _DateInput(props, ref) {
       var event = _ref3.event;
       // @ts-expect-error
       (_textInputProps$onKey = textInputProps.onKeyDown) === null || _textInputProps$onKey === void 0 || _textInputProps$onKey.call(textInputProps, event);
-    }
+    },
+    showClearButton: showClearButton,
+    onClearButtonClick: onClearButtonClick
   }));
 };
 var DateInput = /*#__PURE__*/React__default.forwardRef(_DateInput);
@@ -198,6 +270,9 @@ var _DatePickerInput = function _DatePickerInput(_ref5, ref) {
     minDate = _ref5.minDate,
     maxDate = _ref5.maxDate,
     effectiveSelectionType = _ref5.effectiveSelectionType,
+    showClearButton = _ref5.showClearButton,
+    onClearButtonClick = _ref5.onClearButtonClick,
+    selectedPresetLabel = _ref5.selectedPresetLabel,
     props = _objectWithoutProperties(_ref5, _excluded3);
   var _useDatesContext = useDatesContext(),
     locale = _useDatesContext.locale;
@@ -243,7 +318,10 @@ var _DatePickerInput = function _DatePickerInput(_ref5, ref) {
         excludeDate: excludeDate,
         minDate: minDate,
         maxDate: maxDate,
-        effectiveSelectionType: effectiveSelectionType
+        effectiveSelectionType: effectiveSelectionType,
+        showClearButton: showClearButton,
+        onClearButtonClick: onClearButtonClick,
+        selectedPresetLabel: selectedPresetLabel
       }, props), referenceProps))]
     });
   }
@@ -301,7 +379,10 @@ var _DatePickerInput = function _DatePickerInput(_ref5, ref) {
         excludeDate: excludeDate,
         minDate: minDate,
         maxDate: maxDate,
-        effectiveSelectionType: effectiveSelectionType
+        effectiveSelectionType: effectiveSelectionType,
+        showClearButton: showClearButton,
+        onClearButtonClick: onClearButtonClick,
+        selectedPresetLabel: selectedPresetLabel
       }, props), referenceProps))]
     });
   }

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

@@ -1 +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 } from '@mantine/dates';\nimport type { DatePickerInputProps, DateInputProps } from './types';\nimport {\n  getFormattedDate,\n  rangeFormattedValue,\n  rangeInputPlaceHolder,\n  finalInputFormat,\n  getTextInputFormat,\n  validateAndParseDateInput,\n  stripDelimiters,\n} from './utils';\nimport BaseBox from '~components/Box/BaseBox';\nimport { TextInput } from '~components/Input/TextInput';\nimport { isReactNative } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { CalendarIcon } from '~components/Icons';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\n/**\n * CRITICAL BEHAVIOR CASES - Verify when making changes:\n *\n * 1. VALUE PROP: Already formatted by getFormattedDate() - avoid double formatting\n * 2. USER TYPING: Should format input AND sync with calendar selection\n * 3. CALENDAR SELECTION: Should apply formatted value to input without re-formatting\n * 4. SUBMIT (no footer): Blur/Enter should select current value\n */\nconst _DateInput = (\n  props: DateInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const {\n    format,\n    date,\n    setControlledValue,\n    effectiveSelectionType,\n    leadingDropdown,\n    tags,\n    id,\n    ...textInputProps\n  } = props;\n  const [inputValue, setInputValue] = React.useState(['']);\n  const [validationError, setValidationError] = React.useState<string | undefined>(undefined);\n  const shouldShowCalendarIcon = !Boolean(leadingDropdown);\n\n  // Determine selection type: prefer preset context calculation over props\n  // This handles \"Today\" presets that should display as single even though data is range\n  const isRange =\n    effectiveSelectionType === 'single'\n      ? false\n      : effectiveSelectionType === 'range' || props.selectionType === 'range';\n\n  // Sync internal input state with external formatted values from parent component\n  // textInputProps.value comes from DatePickerInput as formatted strings: [\"25/12/2024\", \"31/12/2024\"]\n  // We strip delimiters for internal processing: [\"25122024\", \"31122024\"]\n  // This prevents double formatting and helps to validate the input easier during user typing\n  React.useEffect(() => {\n    if (textInputProps.value) {\n      setInputValue(\n        isRange\n          ? [stripDelimiters(textInputProps.value[0]), stripDelimiters(textInputProps.value[1])]\n          : [stripDelimiters(textInputProps.value[0])],\n      );\n    }\n  }, [textInputProps.value, isRange, format]);\n\n  // Clear validation error only when the actual selected date changes\n  // (e.g., user selected a valid date from the calendar). This avoids\n  // clearing errors during typing/blur unless the value truly updated.\n  React.useEffect(() => {\n    setValidationError(undefined);\n  }, [date]);\n\n  const applyDateValue = React.useCallback(\n    (inputValue: string, shouldClearWhenEmpty = false): void => {\n      if (inputValue?.trim()) {\n        // Validate input and get parsed dates in one atomic operation (includes all constraints)\n        const validation = validateAndParseDateInput(inputValue, isRange, format, {\n          excludeDate: props.excludeDate,\n          minDate: props.minDate,\n          maxDate: props.maxDate,\n        });\n        if (validation.shouldBlock) {\n          return; // Block invalid input to prevent data corruption\n        }\n\n        // Apply the pre-parsed date values to controlled state (no redundant parsing)\n        if (validation.parsedValue !== undefined) {\n          let finalValue = validation.parsedValue;\n\n          // Special handling: if preset context shows single but props expect range\n          // (like \"Today\" preset), convert single date back to same-day range\n          if (\n            effectiveSelectionType === 'single' &&\n            props.selectionType === 'range' &&\n            validation.parsedValue instanceof Date\n          ) {\n            finalValue = [validation.parsedValue, validation.parsedValue] as [Date, Date];\n          }\n\n          setControlledValue?.(finalValue);\n        }\n      } else if (shouldClearWhenEmpty) {\n        // Clear controlled value when input is emptied (onChange only, not onBlur)\n        setControlledValue?.(isRange ? ([null, null] as [Date | null, Date | null]) : null);\n      }\n    },\n    [\n      isRange,\n      setControlledValue,\n      effectiveSelectionType,\n      props.selectionType,\n      format,\n      props.excludeDate,\n      props.minDate,\n      props.maxDate,\n    ],\n  );\n\n  const handleInputChange = ({ value }: { value?: string }): void => {\n    const inputValue = value ?? '';\n    setValidationError(undefined);\n\n    if (inputValue?.trim()) {\n      const validation = validateAndParseDateInput(inputValue, isRange, format, {\n        excludeDate: props.excludeDate,\n        minDate: props.minDate,\n        maxDate: props.maxDate,\n      });\n\n      if (validation.shouldBlock && validation.error) {\n        setValidationError(validation.error);\n      }\n    }\n\n    // Apply changes immediately during typing (with empty clearing enabled)\n    applyDateValue(inputValue, true);\n  };\n\n  const handleBlur = React.useCallback(\n    (params: { name?: string; value?: string; event?: React.FocusEvent<HTMLInputElement> }) => {\n      const currentInputValue = params.event?.target.value ?? params.value ?? '';\n      setValidationError(undefined);\n\n      if (currentInputValue?.trim()) {\n        // Validate complete input and show errors to user on blur (includes all constraints)\n        const validation = validateAndParseDateInput(currentInputValue, isRange, format, {\n          excludeDate: props.excludeDate,\n          minDate: props.minDate,\n          maxDate: props.maxDate,\n        });\n\n        if (validation.shouldBlock && validation.error) {\n          setValidationError(validation.error);\n          return; // Don't apply invalid values\n        }\n      }\n\n      // Apply final value on blur (without empty clearing to preserve existing dates)\n      applyDateValue(currentInputValue, false);\n    },\n    [applyDateValue, isRange],\n  );\n\n  return (\n    <TextInput\n      {...textInputProps}\n      ref={ref}\n      type=\"number\"\n      value={isRange ? rangeFormattedValue(inputValue[0], inputValue[1]) : inputValue[0]}\n      leadingIcon={shouldShowCalendarIcon ? CalendarIcon : undefined}\n      leading={leadingDropdown}\n      format={\n        isRange\n          ? getTextInputFormat(finalInputFormat(inputValue[0], inputValue[1], format), true)\n          : getTextInputFormat(format, false)\n      }\n      validationState={validationError ? 'error' : textInputProps.validationState}\n      errorText={textInputProps.errorText ?? validationError}\n      onChange={handleInputChange}\n      onBlur={handleBlur}\n      onClick={(e) => {\n        if (textInputProps.isDisabled) {\n          return;\n        }\n        textInputProps.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        textInputProps.onKeyDown?.(event);\n      }}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n  value,\n  name,\n  isRequired,\n  isDisabled,\n  ...rest\n}: {\n  value: string;\n  name?: string;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return (\n    <input\n      hidden={true}\n      name={name}\n      value={value}\n      required={isRequired}\n      disabled={isDisabled}\n      readOnly\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    successText,\n    errorText,\n    helpText,\n    format,\n    placeholder,\n    setControlledValue,\n    leadingDropdown,\n    selectedPreset,\n    excludeDate,\n    minDate,\n    maxDate,\n    effectiveSelectionType,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\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\n          value={dateValue}\n          name={name}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={placeholder || format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          hasPopup={referenceProps['aria-haspopup']}\n          size={size}\n          autoFocus={autoFocus}\n          value={[dateValue]}\n          componentName=\"DatePickerInput\"\n          necessityIndicator={necessityIndicator}\n          successText={successText}\n          errorText={errorText}\n          helpText={helpText}\n          labelSuffix={labelSuffix}\n          labelTrailing={labelTrailing}\n          leadingDropdown={leadingDropdown}\n          date={date as Date | null}\n          setControlledValue={setControlledValue}\n          format={format}\n          selectionType={selectionType}\n          excludeDate={excludeDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          effectiveSelectionType={effectiveSelectionType}\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\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput\n          value={`${startValue}`}\n          name={name?.start}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n\n        <HiddenInput\n          value={endValue}\n          name={name?.end}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n          {...makeAnalyticsAttribute(props)}\n        />\n\n        <DateInput\n          ref={ref as never}\n          id=\"range-date\"\n          labelPosition={labelPosition}\n          label={typeof label === 'object' ? label?.start : label}\n          placeholder={rangeInputPlaceHolder(placeholder, format)}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          hasPopup={referenceProps['aria-haspopup']}\n          size={size}\n          autoFocus={autoFocus}\n          value={[startValue, endValue]}\n          componentName=\"DatePickerInputRange\"\n          necessityIndicator={necessityIndicator}\n          successText={\n            typeof successText === 'object'\n              ? (successText as { start: string })?.start\n              : successText\n          }\n          errorText={\n            typeof errorText === 'object' ? (errorText as { start: string })?.start : errorText\n          }\n          helpText={\n            typeof helpText === 'object' ? (helpText as { start: string })?.start : helpText\n          }\n          labelSuffix={labelSuffix}\n          labelTrailing={labelTrailing}\n          format={format}\n          leadingDropdown={leadingDropdown}\n          date={date as [Date | null, Date | null]}\n          setControlledValue={setControlledValue}\n          selectionType={selectionType}\n          excludeDate={excludeDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          effectiveSelectionType={effectiveSelectionType}\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_textInputProps$error","format","date","setControlledValue","effectiveSelectionType","leadingDropdown","tags","id","textInputProps","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","_React$useState3","undefined","_React$useState4","validationError","setValidationError","shouldShowCalendarIcon","Boolean","isRange","selectionType","useEffect","value","stripDelimiters","applyDateValue","useCallback","shouldClearWhenEmpty","arguments","length","trim","validation","validateAndParseDateInput","excludeDate","minDate","maxDate","shouldBlock","parsedValue","finalValue","Date","handleInputChange","_ref","error","handleBlur","params","_ref2","_params$event$target$","_params$event","currentInputValue","event","target","_jsx","TextInput","_objectSpread","type","rangeFormattedValue","leadingIcon","CalendarIcon","leading","getTextInputFormat","finalInputFormat","validationState","errorText","onChange","onBlur","onClick","e","_textInputProps$onCli","isDisabled","call","onKeyDown","_ref3","_textInputProps$onKey","DateInput","forwardRef","HiddenInput","_ref4","name","isRequired","rest","_excluded2","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","_DatePickerInput","_ref5","referenceProps","inputRef","label","labelPosition","labelSuffix","labelTrailing","autoFocus","_ref5$size","size","necessityIndicator","successText","helpText","placeholder","selectedPreset","_excluded3","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","_jsxs","BaseBox","width","children","popupId","isPopupExpanded","hasPopup","componentName","startValue","endValue","concat","start","end","_typeof","rangeInputPlaceHolder","DatePickerInput"],"mappings":"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"}
+{"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 } from '@mantine/dates';\nimport type { DatePickerInputProps, DateInputProps } from './types';\nimport {\n  getFormattedDate,\n  rangeFormattedValue,\n  rangeInputPlaceHolder,\n  finalInputFormat,\n  getTextInputFormat,\n  validateAndParseDateInput,\n  stripDelimiters,\n} from './utils';\nimport { useDatePickerContext } from './DatePickerContext';\nimport BaseBox from '~components/Box/BaseBox';\nimport { TextInput } from '~components/Input/TextInput';\nimport { isReactNative } from '~utils';\nimport type { BladeElementRef, DataAnalyticsAttribute } from '~utils/types';\nimport { CalendarIcon } from '~components/Icons';\nimport { makeAnalyticsAttribute } from '~utils/makeAnalyticsAttribute';\n\n/**\n * CRITICAL BEHAVIOR CASES - Verify when making changes:\n *\n * 1. VALUE PROP: Already formatted by getFormattedDate() - avoid double formatting\n * 2. USER TYPING: Should format input AND sync with calendar selection\n * 3. CALENDAR SELECTION: Should apply formatted value to input without re-formatting\n * 4. SUBMIT (no footer): Blur/Enter should select current value\n */\nconst _DateInput = (\n  props: DateInputProps,\n  ref: React.ForwardedRef<BladeElementRef>,\n): React.ReactElement => {\n  const {\n    format,\n    date,\n    setControlledValue,\n    effectiveSelectionType,\n    leadingDropdown,\n    tags,\n    id,\n    selectedPresetLabel,\n    showClearButton,\n    onClearButtonClick,\n    ...textInputProps\n  } = props;\n\n  // Use context to check datepicker state - more reliable than prop drilling\n  const datePickerContext = useDatePickerContext();\n  const isPopupOpen = datePickerContext?.isDatePickerBodyOpen ?? false;\n  const displayFormat = datePickerContext?.displayFormat ?? 'default';\n  const isCompactMode = displayFormat === 'compact';\n\n  const [inputValue, setInputValue] = React.useState(['']);\n  const [validationError, setValidationError] = React.useState<string | undefined>(undefined);\n  const [isFocused, setIsFocused] = React.useState(false);\n  const shouldShowCalendarIcon = !Boolean(leadingDropdown);\n\n  // Determine selection type: prefer preset context calculation over props\n  // This handles \"Today\" presets that should display as single even though data is range\n  const isRange =\n    effectiveSelectionType === 'single'\n      ? false\n      : effectiveSelectionType === 'range' || props.selectionType === 'range';\n\n  // Sync internal input state with external formatted values from parent component\n  // textInputProps.value comes from DatePickerInput as formatted strings: [\"25/12/2024\", \"31/12/2024\"]\n  // We strip delimiters for internal processing: [\"25122024\", \"31122024\"]\n  // This prevents double formatting and helps to validate the input easier during user typing\n  React.useEffect(() => {\n    if (textInputProps.value) {\n      setInputValue(\n        isRange\n          ? [stripDelimiters(textInputProps.value[0]), stripDelimiters(textInputProps.value[1])]\n          : [stripDelimiters(textInputProps.value[0])],\n      );\n    }\n  }, [textInputProps.value, isRange, format]);\n\n  // Clear validation error only when the actual selected date changes\n  // (e.g., user selected a valid date from the calendar). This avoids\n  // clearing errors during typing/blur unless the value truly updated.\n  React.useEffect(() => {\n    setValidationError(undefined);\n  }, [date]);\n\n  const applyDateValue = React.useCallback(\n    (inputValue: string, shouldClearWhenEmpty = false): void => {\n      if (inputValue?.trim()) {\n        // Validate input and get parsed dates in one atomic operation (includes all constraints)\n        const validation = validateAndParseDateInput(inputValue, isRange, format, {\n          excludeDate: props.excludeDate,\n          minDate: props.minDate,\n          maxDate: props.maxDate,\n        });\n        if (validation.shouldBlock) {\n          return; // Block invalid input to prevent data corruption\n        }\n\n        // Apply the pre-parsed date values to controlled state (no redundant parsing)\n        if (validation.parsedValue !== undefined) {\n          let finalValue = validation.parsedValue;\n\n          // Special handling: if preset context shows single but props expect range\n          // (like \"Today\" preset), convert single date back to same-day range\n          if (\n            effectiveSelectionType === 'single' &&\n            props.selectionType === 'range' &&\n            validation.parsedValue instanceof Date\n          ) {\n            finalValue = [validation.parsedValue, validation.parsedValue] as [Date, Date];\n          }\n\n          setControlledValue?.(finalValue);\n        }\n      } else if (shouldClearWhenEmpty) {\n        // Clear controlled value when input is emptied (onChange only, not onBlur)\n        setControlledValue?.(isRange ? ([null, null] as [Date | null, Date | null]) : null);\n      }\n    },\n    [\n      isRange,\n      setControlledValue,\n      effectiveSelectionType,\n      props.selectionType,\n      format,\n      props.excludeDate,\n      props.minDate,\n      props.maxDate,\n    ],\n  );\n\n  const handleInputChange = ({ value }: { value?: string }): void => {\n    const inputValue = value ?? '';\n    setValidationError(undefined);\n\n    if (inputValue?.trim()) {\n      const validation = validateAndParseDateInput(inputValue, isRange, format, {\n        excludeDate: props.excludeDate,\n        minDate: props.minDate,\n        maxDate: props.maxDate,\n      });\n\n      if (validation.shouldBlock && validation.error) {\n        setValidationError(validation.error);\n      }\n    }\n\n    // Apply changes immediately during typing (with empty clearing enabled)\n    applyDateValue(inputValue, true);\n  };\n\n  const handleBlur = React.useCallback(\n    (params: { name?: string; value?: string; event?: React.FocusEvent<HTMLInputElement> }) => {\n      const currentInputValue = params.event?.target.value ?? params.value ?? '';\n      setValidationError(undefined);\n\n      if (currentInputValue?.trim()) {\n        // Validate complete input and show errors to user on blur (includes all constraints)\n        const validation = validateAndParseDateInput(currentInputValue, isRange, format, {\n          excludeDate: props.excludeDate,\n          minDate: props.minDate,\n          maxDate: props.maxDate,\n        });\n\n        if (validation.shouldBlock && validation.error) {\n          setValidationError(validation.error);\n          return; // Don't apply invalid values\n        }\n      }\n\n      // Apply final value on blur (without empty clearing to preserve existing dates)\n      applyDateValue(currentInputValue, false);\n    },\n    [applyDateValue, isRange],\n  );\n\n  const handleFocus = React.useCallback(() => {\n    setIsFocused(true);\n  }, []);\n\n  const handleBlurWithFocusState = React.useCallback(\n    (params: { name?: string; value?: string; event?: React.FocusEvent<HTMLInputElement> }) => {\n      setIsFocused(false);\n      handleBlur(params);\n    },\n    [handleBlur],\n  );\n\n  // Compute input props based on whether we're showing a preset label or date input\n  // DatePicker is \"active\" when input is focused OR popup is open (from context)\n  // This ensures consistent behavior when focus moves between input and calendar\n  const isDatePickerActive = isFocused || isPopupOpen;\n\n  // Check if there's actually a valid date selection. in range mode we need to check if both dates are not null\n  const hasValidSelection = isRange\n    ? (date as [Date | null, Date | null])?.[0] && (date as [Date | null, Date | null])?.[1]\n    : Boolean(date);\n\n  // Show preset label only when:\n  // 1. displayFormat is 'compact'\n  // 2. There's a preset label to show\n  // 3. There's actually a valid date selection (not cleared)\n  // 4. DatePicker is NOT active (closed and not focused)\n  const showPresetLabel =\n    displayFormat === 'compact' && selectedPresetLabel && hasValidSelection && !isDatePickerActive;\n\n  const getInputDisplayProps = (): {\n    type: 'text' | 'number';\n    value: string;\n    leadingIcon: typeof CalendarIcon | undefined;\n    leading?: React.ReactElement;\n    format: ReturnType<typeof getTextInputFormat> | undefined;\n    validationState: typeof textInputProps.validationState;\n    errorText: string | undefined;\n    onChange: typeof handleInputChange | undefined;\n    onBlur: typeof handleBlurWithFocusState | typeof handleBlur | undefined;\n    onFocus: typeof handleFocus | undefined;\n  } => {\n    if (showPresetLabel) {\n      // Preset label mode: show clean input with just the label (not focused)\n      return {\n        type: 'text',\n        value: selectedPresetLabel,\n        leadingIcon: CalendarIcon,\n        format: undefined,\n        validationState: textInputProps.validationState,\n        errorText: textInputProps.errorText,\n        onChange: handleInputChange,\n        onBlur: handleBlurWithFocusState,\n        onFocus: handleFocus,\n      };\n    }\n\n    // Date input mode: show formatted date with full editing capabilities\n    const dateDisplayValue = isRange\n      ? rangeFormattedValue(inputValue[0], inputValue[1])\n      : inputValue[0];\n    const dateInputFormat = isRange\n      ? getTextInputFormat(finalInputFormat(inputValue[0], inputValue[1], format), true)\n      : getTextInputFormat(format, false);\n\n    // In compact mode: always show icon instead of dropdown (presets accessed via popup sidebar)\n    // In non-compact mode: show the dropdown as normal\n    // Note: We must conditionally include `leading` only when defined, otherwise `leading: undefined`\n    // would override/hide `leadingIcon` in the TextInput component\n    const showLeadingDropdown = isCompactMode ? undefined : leadingDropdown;\n    const showLeadingIcon = isCompactMode || shouldShowCalendarIcon ? CalendarIcon : undefined;\n\n    return {\n      type: 'number',\n      value: dateDisplayValue,\n      leadingIcon: showLeadingIcon,\n      ...(showLeadingDropdown ? { leading: showLeadingDropdown } : {}),\n      format: dateInputFormat,\n      validationState: validationError ? 'error' : textInputProps.validationState,\n      errorText: textInputProps.errorText ?? validationError,\n      onChange: handleInputChange,\n      onBlur: handleBlurWithFocusState,\n      onFocus: handleFocus,\n    };\n  };\n\n  return (\n    <TextInput\n      {...textInputProps}\n      ref={ref}\n      {...getInputDisplayProps()}\n      onClick={(e) => {\n        if (textInputProps.isDisabled) {\n          return;\n        }\n        textInputProps.onClick?.(e);\n      }}\n      onKeyDown={({ event }) => {\n        // @ts-expect-error\n        textInputProps.onKeyDown?.(event);\n      }}\n      showClearButton={showClearButton}\n      onClearButtonClick={onClearButtonClick}\n    />\n  );\n};\n\nconst DateInput = React.forwardRef(_DateInput);\n\nconst HiddenInput = ({\n  value,\n  name,\n  isRequired,\n  isDisabled,\n  ...rest\n}: {\n  value: string;\n  name?: string;\n  isRequired?: boolean;\n  isDisabled?: boolean;\n} & DataAnalyticsAttribute): React.ReactElement => {\n  if (isReactNative()) return <></>;\n\n  return (\n    <input\n      hidden={true}\n      name={name}\n      value={value}\n      required={isRequired}\n      disabled={isDisabled}\n      readOnly\n      {...makeAnalyticsAttribute(rest)}\n    />\n  );\n};\n\nconst _DatePickerInput = (\n  {\n    selectionType,\n    referenceProps,\n    inputRef,\n    date,\n    label,\n    labelPosition,\n    labelSuffix,\n    labelTrailing,\n    autoFocus,\n    name,\n    size = 'medium',\n    necessityIndicator,\n    successText,\n    errorText,\n    helpText,\n    format,\n    placeholder,\n    setControlledValue,\n    leadingDropdown,\n    selectedPreset,\n    excludeDate,\n    minDate,\n    maxDate,\n    effectiveSelectionType,\n    showClearButton,\n    onClearButtonClick,\n    selectedPresetLabel,\n    ...props\n  }: DatePickerInputProps,\n  ref: React.ForwardedRef<any>,\n): React.ReactElement => {\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\n          value={dateValue}\n          name={name}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n        <DateInput\n          ref={ref as never}\n          id=\"start-date\"\n          labelPosition={labelPosition}\n          label={label}\n          placeholder={placeholder || format}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          hasPopup={referenceProps['aria-haspopup']}\n          size={size}\n          autoFocus={autoFocus}\n          value={[dateValue]}\n          componentName=\"DatePickerInput\"\n          necessityIndicator={necessityIndicator}\n          successText={successText}\n          errorText={errorText}\n          helpText={helpText}\n          labelSuffix={labelSuffix}\n          labelTrailing={labelTrailing}\n          leadingDropdown={leadingDropdown}\n          date={date as Date | null}\n          setControlledValue={setControlledValue}\n          format={format}\n          selectionType={selectionType}\n          excludeDate={excludeDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          effectiveSelectionType={effectiveSelectionType}\n          showClearButton={showClearButton}\n          onClearButtonClick={onClearButtonClick}\n          selectedPresetLabel={selectedPresetLabel}\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\n    return (\n      <BaseBox width=\"100%\">\n        <HiddenInput\n          value={`${startValue}`}\n          name={name?.start}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n        />\n\n        <HiddenInput\n          value={endValue}\n          name={name?.end}\n          isRequired={props.isRequired}\n          isDisabled={props.isDisabled}\n          {...makeAnalyticsAttribute(props)}\n        />\n\n        <DateInput\n          ref={ref as never}\n          id=\"range-date\"\n          labelPosition={labelPosition}\n          label={typeof label === 'object' ? label?.start : label}\n          placeholder={rangeInputPlaceHolder(placeholder, format)}\n          popupId={referenceProps['aria-controls']}\n          isPopupExpanded={referenceProps['aria-expanded']}\n          hasPopup={referenceProps['aria-haspopup']}\n          size={size}\n          autoFocus={autoFocus}\n          value={[startValue, endValue]}\n          componentName=\"DatePickerInputRange\"\n          necessityIndicator={necessityIndicator}\n          successText={\n            typeof successText === 'object'\n              ? (successText as { start: string })?.start\n              : successText\n          }\n          errorText={\n            typeof errorText === 'object' ? (errorText as { start: string })?.start : errorText\n          }\n          helpText={\n            typeof helpText === 'object' ? (helpText as { start: string })?.start : helpText\n          }\n          labelSuffix={labelSuffix}\n          labelTrailing={labelTrailing}\n          format={format}\n          leadingDropdown={leadingDropdown}\n          date={date as [Date | null, Date | null]}\n          setControlledValue={setControlledValue}\n          selectionType={selectionType}\n          excludeDate={excludeDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          effectiveSelectionType={effectiveSelectionType}\n          showClearButton={showClearButton}\n          onClearButtonClick={onClearButtonClick}\n          selectedPresetLabel={selectedPresetLabel}\n          {...props}\n          {...referenceProps}\n        />\n      </BaseBox>\n    );\n  }\n\n  return <></>;\n};\n\nconst DatePickerInput = React.forwardRef(_DatePickerInput);\nexport { DatePickerInput };\n"],"names":["_DateInput","props","ref","_datePickerContext$is","_datePickerContext$di","format","date","setControlledValue","effectiveSelectionType","leadingDropdown","tags","id","selectedPresetLabel","showClearButton","onClearButtonClick","textInputProps","_objectWithoutProperties","_excluded","datePickerContext","useDatePickerContext","isPopupOpen","isDatePickerBodyOpen","displayFormat","isCompactMode","_React$useState","React","useState","_React$useState2","_slicedToArray","inputValue","setInputValue","_React$useState3","undefined","_React$useState4","validationError","setValidationError","_React$useState5","_React$useState6","isFocused","setIsFocused","shouldShowCalendarIcon","Boolean","isRange","selectionType","useEffect","value","stripDelimiters","applyDateValue","useCallback","shouldClearWhenEmpty","arguments","length","trim","validation","validateAndParseDateInput","excludeDate","minDate","maxDate","shouldBlock","parsedValue","finalValue","Date","handleInputChange","_ref","error","handleBlur","params","_ref2","_params$event$target$","_params$event","currentInputValue","event","target","handleFocus","handleBlurWithFocusState","isDatePickerActive","hasValidSelection","showPresetLabel","getInputDisplayProps","_textInputProps$error","type","leadingIcon","CalendarIcon","validationState","errorText","onChange","onBlur","onFocus","dateDisplayValue","rangeFormattedValue","dateInputFormat","getTextInputFormat","finalInputFormat","showLeadingDropdown","showLeadingIcon","_objectSpread","leading","_jsx","TextInput","onClick","e","_textInputProps$onCli","isDisabled","call","onKeyDown","_ref3","_textInputProps$onKey","DateInput","forwardRef","HiddenInput","_ref4","name","isRequired","rest","_excluded2","isReactNative","_Fragment","hidden","required","disabled","readOnly","makeAnalyticsAttribute","_DatePickerInput","_ref5","referenceProps","inputRef","label","labelPosition","labelSuffix","labelTrailing","autoFocus","_ref5$size","size","necessityIndicator","successText","helpText","placeholder","selectedPreset","_excluded3","_useDatesContext","useDatesContext","locale","dateValue","getFormattedDate","labelSeparator","_jsxs","BaseBox","width","children","popupId","isPopupExpanded","hasPopup","componentName","startValue","endValue","concat","start","end","_typeof","rangeInputPlaceHolder","DatePickerInput"],"mappings":"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"}

package/build/lib/web/production/components/DatePicker/DatePickerContext.js

@@ -4,9 +4,11 @@ import { jsx } from 'react/jsx-runtime';
 var DatePickerContext = /*#__PURE__*/createContext(undefined);
 var DatePickerProvider = function DatePickerProvider(_ref) {
   var children = _ref.children,
-    isDatePickerBodyOpen = _ref.isDatePickerBodyOpen;
+    isDatePickerBodyOpen = _ref.isDatePickerBodyOpen,
+    displayFormat = _ref.displayFormat;
   var value = {
-    isDatePickerBodyOpen: isDatePickerBodyOpen
+    isDatePickerBodyOpen: isDatePickerBodyOpen,
+    displayFormat: displayFormat
   };
   return /*#__PURE__*/jsx(DatePickerContext.Provider, {
     value: value,

package/build/lib/web/production/components/DatePicker/DatePickerContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerContext.js","sources":["../../../../../../src/components/DatePicker/DatePickerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { ReactNode } from 'react';\n\ninterface DatePickerContextType {\n  isDatePickerBodyOpen: boolean;\n}\n\nconst DatePickerContext = createContext<DatePickerContextType | undefined>(undefined);\n\ninterface DatePickerProviderProps {\n  children: ReactNode;\n  isDatePickerBodyOpen: boolean;\n}\n\nexport const DatePickerProvider: React.FC<DatePickerProviderProps> = ({\n  children,\n  isDatePickerBodyOpen,\n}) => {\n  const value: DatePickerContextType = {\n    isDatePickerBodyOpen,\n  };\n\n  return <DatePickerContext.Provider value={value}>{children}</DatePickerContext.Provider>;\n};\n\nexport const useDatePickerContext = (): DatePickerContextType | undefined => {\n  const context = useContext(DatePickerContext);\n\n  return context;\n};\n"],"names":["DatePickerContext","createContext","undefined","DatePickerProvider","_ref","children","isDatePickerBodyOpen","value","_jsx","Provider","useDatePickerContext","context","useContext"],"mappings":";;;AAOA,IAAMA,iBAAiB,gBAAGC,aAAa,CAAoCC,SAAS,CAAC,CAAA;IAOxEC,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAAC,IAAA,EAG5D;AAAA,EAAA,IAFJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB,CAAA;AAEpB,EAAA,IAAMC,KAA4B,GAAG;AACnCD,IAAAA,oBAAoB,EAApBA,oBAAAA;GACD,CAAA;AAED,EAAA,oBAAOE,GAAA,CAACR,iBAAiB,CAACS,QAAQ,EAAA;AAACF,IAAAA,KAAK,EAAEA,KAAM;AAAAF,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA6B,CAAC,CAAA;AAC1F,EAAC;IAEYK,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAA4C;AAC3E,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACZ,iBAAiB,CAAC,CAAA;AAE7C,EAAA,OAAOW,OAAO,CAAA;AAChB;;;;"}
+{"version":3,"file":"DatePickerContext.js","sources":["../../../../../../src/components/DatePicker/DatePickerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from 'react';\nimport type { ReactNode } from 'react';\n\ninterface DatePickerContextType {\n  isDatePickerBodyOpen: boolean;\n  displayFormat: 'compact' | 'default';\n}\n\nconst DatePickerContext = createContext<DatePickerContextType | undefined>(undefined);\n\ninterface DatePickerProviderProps {\n  children: ReactNode;\n  isDatePickerBodyOpen: boolean;\n  displayFormat: 'compact' | 'default';\n}\n\nexport const DatePickerProvider: React.FC<DatePickerProviderProps> = ({\n  children,\n  isDatePickerBodyOpen,\n  displayFormat,\n}) => {\n  const value: DatePickerContextType = {\n    isDatePickerBodyOpen,\n    displayFormat,\n  };\n\n  return <DatePickerContext.Provider value={value}>{children}</DatePickerContext.Provider>;\n};\n\nexport const useDatePickerContext = (): DatePickerContextType | undefined => {\n  const context = useContext(DatePickerContext);\n\n  return context;\n};\n"],"names":["DatePickerContext","createContext","undefined","DatePickerProvider","_ref","children","isDatePickerBodyOpen","displayFormat","value","_jsx","Provider","useDatePickerContext","context","useContext"],"mappings":";;;AAQA,IAAMA,iBAAiB,gBAAGC,aAAa,CAAoCC,SAAS,CAAC,CAAA;IAQxEC,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAAC,IAAA,EAI5D;AAAA,EAAA,IAHJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,oBAAoB,GAAAF,IAAA,CAApBE,oBAAoB;IACpBC,aAAa,GAAAH,IAAA,CAAbG,aAAa,CAAA;AAEb,EAAA,IAAMC,KAA4B,GAAG;AACnCF,IAAAA,oBAAoB,EAApBA,oBAAoB;AACpBC,IAAAA,aAAa,EAAbA,aAAAA;GACD,CAAA;AAED,EAAA,oBAAOE,GAAA,CAACT,iBAAiB,CAACU,QAAQ,EAAA;AAACF,IAAAA,KAAK,EAAEA,KAAM;AAAAH,IAAAA,QAAA,EAAEA,QAAAA;AAAQ,GAA6B,CAAC,CAAA;AAC1F,EAAC;IAEYM,oBAAoB,GAAG,SAAvBA,oBAAoBA,GAA4C;AAC3E,EAAA,IAAMC,OAAO,GAAGC,UAAU,CAACb,iBAAiB,CAAC,CAAA;AAE7C,EAAA,OAAOY,OAAO,CAAA;AAChB;;;;"}

package/build/lib/web/production/components/DatePicker/QuickSelection/PresetSideBar.web.js

@@ -54,11 +54,12 @@ var PresetSideBar = function PresetSideBar(_ref) {
     });
   }
   return /*#__PURE__*/jsx(BaseBox, _objectSpread(_objectSpread({
-    padding: "spacing.5",
+    paddingY: "spacing.6",
+    paddingX: "spacing.5",
     display: "flex",
     flexDirection: "column",
-    gap: "spacing.2",
-    backgroundColor: "surface.background.gray.moderate",
+    gap: "spacing.1",
+    backgroundColor: "interactive.background.gray.default",
     minWidth: makeSpace(size[160]),
     borderRightColor: "surface.border.gray.muted",
     borderRightStyle: "solid",