@fluentui/react-datepicker-compat 0.1.10 → 0.2.0

package/CHANGELOG.json

@@ -2,7 +2,93 @@
   "name": "@fluentui/react-datepicker-compat",
   "entries": [
     {
-      "date": "Mon, 03 Jul 2023 11:54:01 GMT",
+      "date": "Tue, 11 Jul 2023 18:44:10 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.2.0",
+      "version": "0.2.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "01a5a8378f8f25dc04a3c255fd6c5ede40d8f0ee",
+            "comment": "breaking: Remove componentRef and IDatePicker since it's no longer necessary, fix ref forwarding to the input, change ref type for useDatePicker to use HTMLInputElement instead of HTMLElement, and fix focus movement when closing/opening popup."
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-field to v9.1.11",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-input to v9.4.21",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.7.6",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-positioning to v9.8.0",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0",
+            "commit": "f958e7e175264e289a6ecdc5b108e826f6b34e74"
+          }
+        ],
+        "patch": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "9dc6601a3f222e0a339541cc1523a356a78c59e6",
+            "comment": "fix(react-datepicker-compat): Add focus styles to CalendarPicker's go to today button."
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 03 Jul 2023 13:34:28 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.1.11",
+      "version": "0.1.11",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.7.5",
+            "commit": "d2c95969c67521ea1df57e1339f8743b09b68772"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-portal to v9.3.1",
+            "commit": "d2c95969c67521ea1df57e1339f8743b09b68772"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.10.0",
+            "commit": "d2c95969c67521ea1df57e1339f8743b09b68772"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 03 Jul 2023 11:57:14 GMT",
       "tag": "@fluentui/react-datepicker-compat_v0.1.10",
       "version": "0.1.10",
       "comments": {
@@ -11,55 +97,55 @@
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-field to v9.1.10",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-input to v9.4.20",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-popover to v9.7.4",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-portal to v9.3.0",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-positioning to v9.7.3",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-shared-contexts to v9.6.0",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-tabster to v9.9.2",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           },
           {
             "author": "beachball",
             "package": "@fluentui/react-datepicker-compat",
             "comment": "Bump @fluentui/react-utilities to v9.10.1",
-            "commit": "e7a838bfd1ce4b077d265295fcbef8dc2177e724"
+            "commit": "61633ba5de03e0ddf4839dba6da325e30c7ce9bd"
           }
         ]
       }

package/CHANGELOG.md

@@ -1,25 +1,55 @@
 # Change Log - @fluentui/react-datepicker-compat
 
-This log was last generated on Mon, 03 Jul 2023 11:54:01 GMT and should not be manually modified.
+This log was last generated on Tue, 11 Jul 2023 18:44:10 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.2.0](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.2.0)
+
+Tue, 11 Jul 2023 18:44:10 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.11..@fluentui/react-datepicker-compat_v0.2.0)
+
+### Minor changes
+
+- breaking: Remove componentRef and IDatePicker since it's no longer necessary, fix ref forwarding to the input, change ref type for useDatePicker to use HTMLInputElement instead of HTMLElement, and fix focus movement when closing/opening popup. ([PR #28299](https://github.com/microsoft/fluentui/pull/28299) by esteban.230@hotmail.com)
+- Bump @fluentui/react-field to v9.1.11 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-input to v9.4.21 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.11 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-popover to v9.7.6 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-positioning to v9.8.0 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0 ([PR #28491](https://github.com/microsoft/fluentui/pull/28491) by beachball)
+
+### Patches
+
+- fix(react-datepicker-compat): Add focus styles to CalendarPicker's go to today button. ([PR #28458](https://github.com/microsoft/fluentui/pull/28458) by esteban.230@hotmail.com)
+
+## [0.1.11](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.11)
+
+Mon, 03 Jul 2023 13:34:28 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.10..@fluentui/react-datepicker-compat_v0.1.11)
+
+### Patches
+
+- Bump @fluentui/react-popover to v9.7.5 ([PR #28394](https://github.com/microsoft/fluentui/pull/28394) by beachball)
+- Bump @fluentui/react-portal to v9.3.1 ([PR #28394](https://github.com/microsoft/fluentui/pull/28394) by beachball)
+- Bump @fluentui/react-tabster to v9.10.0 ([PR #28394](https://github.com/microsoft/fluentui/pull/28394) by beachball)
+
 ## [0.1.10](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.10)
 
-Mon, 03 Jul 2023 11:54:01 GMT 
+Mon, 03 Jul 2023 11:57:14 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.9..@fluentui/react-datepicker-compat_v0.1.10)
 
 ### Patches
 
-- Bump @fluentui/react-field to v9.1.10 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-input to v9.4.20 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-popover to v9.7.4 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-portal to v9.3.0 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-positioning to v9.7.3 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-shared-contexts to v9.6.0 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-tabster to v9.9.2 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
-- Bump @fluentui/react-utilities to v9.10.1 ([PR #28399](https://github.com/microsoft/fluentui/pull/28399) by beachball)
+- Bump @fluentui/react-field to v9.1.10 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-input to v9.4.20 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.10 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-popover to v9.7.4 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-portal to v9.3.0 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-positioning to v9.7.3 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.6.0 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-tabster to v9.9.2 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
+- Bump @fluentui/react-utilities to v9.10.1 ([PR #28412](https://github.com/microsoft/fluentui/pull/28412) by beachball)
 
 ## [0.1.9](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.9)
 

package/dist/index.d.ts

@@ -674,11 +674,6 @@ export declare const datePickerClassNames: SlotClassNames<DatePickerSlots>;
 export declare type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';
 
 export declare type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & {
-    /**
-     * Optional callback to access the IDatePicker interface. Use this instead of ref for accessing
-     * the public methods and properties of the component.
-     */
-    componentRef?: React_2.RefObject<IDatePicker>;
     /**
      * Callback issued when a date is selected
      */
@@ -1061,15 +1056,6 @@ export declare interface ICalendarMonth {
     focus(): void;
 }
 
-export declare interface IDatePicker {
-    /** Sets focus to the input */
-    focus(): void;
-    /** Reset the state of the picker to the default */
-    reset(): void;
-    /** Open the datepicker popup */
-    showDatePickerPopup(): void;
-}
-
 /**
  * Checks whether the specified date is in the given date range.
  * @param date - The origin date
@@ -1158,7 +1144,7 @@ export declare const TimeConstants: {
  * @param props - props from this instance of DatePicker
  * @param ref - reference to root Input slot
  */
-export declare const useDatePicker_unstable: (props: DatePickerProps, ref: React_2.Ref<HTMLElement>) => DatePickerState;
+export declare const useDatePicker_unstable: (props: DatePickerProps, ref: React_2.Ref<HTMLInputElement>) => DatePickerState;
 
 /**
  * Apply styling to the DatePicker slots based on the state

package/lib/components/Calendar/useCalendarStyles.styles.js

@@ -90,13 +90,35 @@ const useGoTodayButtonStyles = /*#__PURE__*/__styles({
     Jwef8y: "f9ql6rf",
     Bi91k9c: "f1f1pb61",
     eoavqd: "f8491dx",
+    Bv57zgv: "fq3vqfz",
+    Bnosqey: "f7lk14",
+    Bx7pl5v: "f1awoz4y",
+    B23s7e0: ["f1q1rlij", "f1txf70x"],
+    knvgbf: ["f1txf70x", "f1q1rlij"],
+    B3ons6i: ["fduk3fc", "fw6hbk1"],
+    Be8uuq8: ["fw6hbk1", "fduk3fc"],
     B2d53fq: "fc9d3oc",
     Dyrjrp: "f1cqwcg4",
     Be90el1: "fmjaa5u"
   }
 }, {
   d: [".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}", ".f1c21dwh{background-color:var(--colorTransparentBackground);}", ".f1ern45e{border-top-style:none;}", ".f1n71otn{border-right-style:none;}", ".f1deefiw{border-left-style:none;}", ".f1h8hb77{border-bottom-style:none;}", ".f1yab3r1{bottom:0;}", ".f1e4lqlz{box-sizing:content-box;}", ".f19n0e5{color:var(--colorNeutralForeground1);}", ".f1mo0ibp{font-family:inherit;}", ".fy9rknc{font-size:var(--fontSizeBase200);}", ".f1tvdnth{height:30px;}", ".fpfng1i{line-height:30px;}", ".f17vyym1{margin-right:16px;}", ".fb5scp{margin-left:16px;}", ".f4gg0ds{margin-top:3px;}", ".f1mtd64y{overflow-x:visible;}", ".f1y7q3j9{overflow-y:visible;}", ".f1g0x7ka{padding-top:0;}", ".f8wuabp{padding-right:4px;}", ".fycuoez{padding-left:4px;}", ".f1qch9an{padding-bottom:0;}", ".fvy6vk6 div{font-size:var(--fontSizeBase200);}", ".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}", ".fmjaa5u:disabled{pointer-events:none;}"],
-  h: [".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f1f1pb61:hover{color:var(--colorBrandForeground1);}", ".f8491dx:hover{cursor:pointer;}", ".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}"]
+  h: [".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}", ".f1f1pb61:hover{color:var(--colorBrandForeground1);}", ".f8491dx:hover{cursor:pointer;}", ".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}"],
+  m: [["@media (forced-colors: active){.fq3vqfz:hover{outline-width:var(--strokeWidthThin);}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f7lk14:hover{outline-style:solid;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1awoz4y:hover{outline-color:ButtonText;}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1q1rlij:hover{border-bottom-right-radius:var(--borderRadiusSmall);}.f1txf70x:hover{border-bottom-left-radius:var(--borderRadiusSmall);}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.f1q1rlij:hover{border-bottom-right-radius:var(--borderRadiusSmall);}.f1txf70x:hover{border-bottom-left-radius:var(--borderRadiusSmall);}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fduk3fc:hover{border-top-right-radius:var(--borderRadiusSmall);}.fw6hbk1:hover{border-top-left-radius:var(--borderRadiusSmall);}}", {
+    m: "(forced-colors: active)"
+  }], ["@media (forced-colors: active){.fduk3fc:hover{border-top-right-radius:var(--borderRadiusSmall);}.fw6hbk1:hover{border-top-left-radius:var(--borderRadiusSmall);}}", {
+    m: "(forced-colors: active)"
+  }]]
 });
 const useLiveRegionStyles = /*#__PURE__*/__styles({
   base: {

package/lib/components/Calendar/useCalendarStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","B2d53fq","Dyrjrp","Be90el1","h","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */ export const calendarClassNames = {\n    root: 'fui-Calendar',\n    divider: 'fui-Calendar__divider',\n    goTodayButton: 'fui-Calendar__goTodayButton',\n    monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n    liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '220px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        ...shorthands.margin(0),\n        ...shorthands.padding(0)\n    },\n    monthPickerNotVisible: {\n        flexDirection: 'column'\n    },\n    dayAndMonthPickersVisible: {\n        width: '440px'\n    },\n    dayPickerVisibleAndWeekNumbersShown: {\n        width: '250px'\n    },\n    dayAndMonthPickersVisibleAndWeekNumbersShown: {\n        width: '470px'\n    }\n});\nconst useDividerStyles = makeStyles({\n    base: {\n        ...shorthands.borderColor(tokens.colorNeutralStroke2),\n        ...shorthands.borderRight('1px', 'solid'),\n        top: 0\n    }\n});\nconst useMonthPickerWrapperStyles = makeStyles({\n    base: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\nconst useGoTodayButtonStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        bottom: 0,\n        boxSizing: 'content-box',\n        color: tokens.colorNeutralForeground1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '30px',\n        lineHeight: '30px',\n        marginRight: '16px',\n        marginTop: '3px',\n        ...shorthands.overflow('visible'),\n        ...shorthands.padding(0, '4px'),\n        '& div': {\n            fontSize: tokens.fontSizeBase200\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorBrandForeground1,\n            cursor: 'pointer'\n        },\n        '&:hover:active': {\n            color: tokens.colorBrandForeground2\n        },\n        '&:disabled': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        }\n    }\n});\nconst useLiveRegionStyles = makeStyles({\n    base: {\n        ...shorthands.border(0),\n        height: '1px',\n        ...shorthands.margin('-1px'),\n        ...shorthands.overflow('hidden'),\n        ...shorthands.padding(0),\n        position: 'absolute',\n        width: '1px'\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */ export const useCalendarStyles_unstable = (props)=>{\n    const rootStyles = useRootStyles();\n    const dividerStyles = useDividerStyles();\n    const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n    const goTodayButtonStyles = useGoTodayButtonStyles();\n    const liveRegionStyles = useLiveRegionStyles();\n    const { className , isDayPickerVisible , isMonthPickerVisible , showWeekNumbers  } = props;\n    return {\n        root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n        divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n        monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n        goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n        liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n    };\n};\n"],"mappings":"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"}
+{"version":3,"names":["tokens","__styles","mergeClasses","shorthands","calendarClassNames","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bv57zgv","Bnosqey","Bx7pl5v","B23s7e0","knvgbf","B3ons6i","Be8uuq8","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","useCalendarStyles_unstable","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers"],"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { makeStyles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */ export const calendarClassNames = {\n    root: 'fui-Calendar',\n    divider: 'fui-Calendar__divider',\n    goTodayButton: 'fui-Calendar__goTodayButton',\n    monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n    liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = makeStyles({\n    base: {\n        display: 'flex',\n        width: '220px'\n    },\n    normalize: {\n        boxShadow: 'none',\n        boxSizing: 'border-box',\n        ...shorthands.margin(0),\n        ...shorthands.padding(0)\n    },\n    monthPickerNotVisible: {\n        flexDirection: 'column'\n    },\n    dayAndMonthPickersVisible: {\n        width: '440px'\n    },\n    dayPickerVisibleAndWeekNumbersShown: {\n        width: '250px'\n    },\n    dayAndMonthPickersVisibleAndWeekNumbersShown: {\n        width: '470px'\n    }\n});\nconst useDividerStyles = makeStyles({\n    base: {\n        ...shorthands.borderColor(tokens.colorNeutralStroke2),\n        ...shorthands.borderRight('1px', 'solid'),\n        top: 0\n    }\n});\nconst useMonthPickerWrapperStyles = makeStyles({\n    base: {\n        display: 'flex',\n        flexDirection: 'column'\n    }\n});\nconst useGoTodayButtonStyles = makeStyles({\n    base: {\n        alignSelf: 'flex-end',\n        backgroundColor: tokens.colorTransparentBackground,\n        ...shorthands.borderStyle('none'),\n        bottom: 0,\n        boxSizing: 'content-box',\n        color: tokens.colorNeutralForeground1,\n        fontFamily: 'inherit',\n        fontSize: tokens.fontSizeBase200,\n        height: '30px',\n        lineHeight: '30px',\n        marginRight: '16px',\n        marginTop: '3px',\n        ...shorthands.overflow('visible'),\n        ...shorthands.padding(0, '4px'),\n        '& div': {\n            fontSize: tokens.fontSizeBase200\n        },\n        '&:hover': {\n            backgroundColor: tokens.colorTransparentBackground,\n            color: tokens.colorBrandForeground1,\n            cursor: 'pointer',\n            '@media (forced-colors: active)': {\n                ...shorthands.outline(tokens.strokeWidthThin, 'solid', 'ButtonText'),\n                ...shorthands.borderRadius(tokens.borderRadiusSmall)\n            }\n        },\n        '&:hover:active': {\n            color: tokens.colorBrandForeground2\n        },\n        '&:disabled': {\n            color: tokens.colorNeutralForegroundDisabled,\n            pointerEvents: 'none'\n        }\n    }\n});\nconst useLiveRegionStyles = makeStyles({\n    base: {\n        ...shorthands.border(0),\n        height: '1px',\n        ...shorthands.margin('-1px'),\n        ...shorthands.overflow('hidden'),\n        ...shorthands.padding(0),\n        position: 'absolute',\n        width: '1px'\n    }\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */ export const useCalendarStyles_unstable = (props)=>{\n    const rootStyles = useRootStyles();\n    const dividerStyles = useDividerStyles();\n    const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n    const goTodayButtonStyles = useGoTodayButtonStyles();\n    const liveRegionStyles = useLiveRegionStyles();\n    const { className , isDayPickerVisible , isMonthPickerVisible , showWeekNumbers  } = props;\n    return {\n        root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n        divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n        monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n        goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n        liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n    };\n};\n"],"mappings":"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"}

package/lib/components/DatePicker/DatePicker.types.js

@@ -1 +1 @@
-import * as React from 'react';
+export { };

package/lib/components/DatePicker/DatePicker.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.types.ts"],"sourcesContent":["import * as React from 'react';\nimport { DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { Input } from '@fluentui/react-input';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { CalendarProps } from '../Calendar/Calendar.types';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { PositioningProps } from '@fluentui/react-positioning';\n\nexport type DatePickerSlots = {\n  root: NonNullable<Slot<typeof Input>>;\n  calendar: NonNullable<Slot<Partial<CalendarProps>>>;\n  popupSurface?: Slot<'div'>;\n};\n\n// eslint-disable-next-line @typescript-eslint/naming-convention\nexport interface IDatePicker {\n  /** Sets focus to the input */\n  focus(): void;\n\n  /** Reset the state of the picker to the default */\n  reset(): void;\n\n  /** Open the datepicker popup */\n  showDatePickerPopup(): void;\n}\n\nexport type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & {\n  /**\n   * Optional callback to access the IDatePicker interface. Use this instead of ref for accessing\n   * the public methods and properties of the component.\n   */\n  componentRef?: React.RefObject<IDatePicker>;\n\n  /**\n   * Callback issued when a date is selected\n   */\n  onSelectDate?: (date: Date | null | undefined) => void;\n\n  /**\n   * Whether the DatePicker is a required field or not. When using `<Field>`, this prop is automatically set.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * Disabled state of the DatePicker.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether or not the Input of the DatePicker is underlined.\n   * @default false\n   */\n  underlined?: boolean;\n\n  /**\n   * Whether the month picker is shown beside the day picker or hidden.\n   * @default true\n   */\n  isMonthPickerVisible?: boolean;\n\n  /**\n   * Show month picker on top of date picker when visible.\n   * @default false\n   */\n  showMonthPickerAsOverlay?: boolean;\n\n  /**\n   * Whether the DatePicker allows input a date string directly or not\n   * @default false\n   */\n  allowTextInput?: boolean;\n\n  /**\n   * Whether the DatePicker should open automatically when the control is focused\n   * WARNING: setting this to false creates an accessibility violation and is not recommended\n   * @default true\n   */\n  disableAutoFocus?: boolean;\n\n  /**\n   * Whether the DatePicker should open when the input is clicked\n   * @default true\n   */\n  openOnClick?: boolean;\n\n  /**\n   * Whether the DatePicker should be open by default\n   *\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Whether the DatePicker is open or not\n   *\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Callback to run when the DatePicker's open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * Callback to run after the DatePicker's input has been validated\n   */\n  onValidationResult?: (data: DatePickerValidationResultData) => void;\n\n  /**\n   * Whether the DatePicker should render the popup as inline or in a portal\n   *\n   * @default false\n   */\n  inlinePopup?: boolean;\n\n  /**\n   * Configure the positioning of the DatePicker dialog\n   *\n   * @default below\n   */\n  positioning?: PositioningProps;\n\n  /**\n   * Placeholder text for the DatePicker\n   */\n  placeholder?: string;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Default value of the DatePicker, if any\n   *\n   * When the component is controlled, `null` should be used instead of `undefined` to avoid controlled vs. uncontrolled\n   * ambiguity.\n   */\n  value?: Date | null;\n\n  /**\n   * Optional method to format the chosen date to a string to display in the DatePicker\n   * @default date.toString()\n   */\n  formatDate?: (date?: Date) => string;\n\n  /**\n   * Optional method to parse the text input value to date, it is only useful when allowTextInput is set to true\n   * @default new Date(Date.parse(dateStr))\n   */\n  parseDateFromString?: (dateStr: string) => Date | null;\n\n  /**\n   * The first day of the week for your locale.\n   * @default DayOfWeek.Sunday\n   */\n  firstDayOfWeek?: DayOfWeek;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarStrings;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Whether the calendar should show the week number (weeks 1 to 53) before each week row\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,\n   * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values\n   * @default FirstWeekOfYear.FirstFullWeek\n   */\n  firstWeekOfYear?: FirstWeekOfYear;\n\n  /**\n   * Whether the \"Go to today\" link should be shown or not\n   */\n  showGoToToday?: boolean;\n\n  /**\n   * Determines if the DatePicker has a border.\n   * @default false\n   */\n  borderless?: boolean;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * The minimum allowable date.\n   */\n  minDate?: Date;\n\n  /**\n   * The maximum allowable date.\n   */\n  maxDate?: Date;\n\n  /**\n   * The initially highlighted date.\n   */\n  initialPickerDate?: Date;\n\n  /**\n   * Allows all elements to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Whether the CalendarDay close button should be shown or not.\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * State used in rendering DatePicker.\n */\nexport type DatePickerState = ComponentState<DatePickerSlots> & {\n  disabled: boolean;\n  inlinePopup: boolean;\n};\n\n/**\n * Data passed to the `onValidationResult` callback.\n */\nexport type DatePickerValidationResultData = {\n  /** The error found when validating the input. */\n  error?: DatePickerErrorType;\n};\n\n/**\n * Error types returned by the `onValidationResult` callback.\n */\nexport type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';\n"],"names":["React"],"mappings":"AAAA,YAAYA,WAAW,QAAQ"}
+{"version":3,"sources":["DatePicker.types.ts"],"sourcesContent":["import { DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { Input } from '@fluentui/react-input';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { CalendarProps } from '../Calendar/Calendar.types';\nimport type { CalendarStrings, DateFormatting } from '../../utils';\nimport type { PositioningProps } from '@fluentui/react-positioning';\n\nexport type DatePickerSlots = {\n  root: NonNullable<Slot<typeof Input>>;\n  calendar: NonNullable<Slot<Partial<CalendarProps>>>;\n  popupSurface?: Slot<'div'>;\n};\n\nexport type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & {\n  /**\n   * Callback issued when a date is selected\n   */\n  onSelectDate?: (date: Date | null | undefined) => void;\n\n  /**\n   * Whether the DatePicker is a required field or not. When using `<Field>`, this prop is automatically set.\n   * @default false\n   */\n  required?: boolean;\n\n  /**\n   * Disabled state of the DatePicker.\n   * @default false\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether or not the Input of the DatePicker is underlined.\n   * @default false\n   */\n  underlined?: boolean;\n\n  /**\n   * Whether the month picker is shown beside the day picker or hidden.\n   * @default true\n   */\n  isMonthPickerVisible?: boolean;\n\n  /**\n   * Show month picker on top of date picker when visible.\n   * @default false\n   */\n  showMonthPickerAsOverlay?: boolean;\n\n  /**\n   * Whether the DatePicker allows input a date string directly or not\n   * @default false\n   */\n  allowTextInput?: boolean;\n\n  /**\n   * Whether the DatePicker should open automatically when the control is focused\n   * WARNING: setting this to false creates an accessibility violation and is not recommended\n   * @default true\n   */\n  disableAutoFocus?: boolean;\n\n  /**\n   * Whether the DatePicker should open when the input is clicked\n   * @default true\n   */\n  openOnClick?: boolean;\n\n  /**\n   * Whether the DatePicker should be open by default\n   *\n   * @default false\n   */\n  defaultOpen?: boolean;\n\n  /**\n   * Whether the DatePicker is open or not\n   *\n   * @default false\n   */\n  open?: boolean;\n\n  /**\n   * Callback to run when the DatePicker's open state changes\n   */\n  onOpenChange?: (open: boolean) => void;\n\n  /**\n   * Callback to run after the DatePicker's input has been validated\n   */\n  onValidationResult?: (data: DatePickerValidationResultData) => void;\n\n  /**\n   * Whether the DatePicker should render the popup as inline or in a portal\n   *\n   * @default false\n   */\n  inlinePopup?: boolean;\n\n  /**\n   * Configure the positioning of the DatePicker dialog\n   *\n   * @default below\n   */\n  positioning?: PositioningProps;\n\n  /**\n   * Placeholder text for the DatePicker\n   */\n  placeholder?: string;\n\n  /**\n   * Value of today. If unspecified, current time in client machine will be used.\n   */\n  today?: Date;\n\n  /**\n   * Default value of the DatePicker, if any\n   *\n   * When the component is controlled, `null` should be used instead of `undefined` to avoid controlled vs. uncontrolled\n   * ambiguity.\n   */\n  value?: Date | null;\n\n  /**\n   * Optional method to format the chosen date to a string to display in the DatePicker\n   * @default date.toString()\n   */\n  formatDate?: (date?: Date) => string;\n\n  /**\n   * Optional method to parse the text input value to date, it is only useful when allowTextInput is set to true\n   * @default new Date(Date.parse(dateStr))\n   */\n  parseDateFromString?: (dateStr: string) => Date | null;\n\n  /**\n   * The first day of the week for your locale.\n   * @default DayOfWeek.Sunday\n   */\n  firstDayOfWeek?: DayOfWeek;\n\n  /**\n   * Localized strings to use in the Calendar\n   */\n  strings?: CalendarStrings;\n\n  /**\n   * Whether the month picker should highlight the current month\n   * @default false\n   */\n  highlightCurrentMonth?: boolean;\n\n  /**\n   * Whether the month picker should highlight the selected month\n   * @default false\n   */\n  highlightSelectedMonth?: boolean;\n\n  /**\n   * Whether the calendar should show the week number (weeks 1 to 53) before each week row\n   * @default false\n   */\n  showWeekNumbers?: boolean;\n\n  /**\n   * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,\n   * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values\n   * @default FirstWeekOfYear.FirstFullWeek\n   */\n  firstWeekOfYear?: FirstWeekOfYear;\n\n  /**\n   * Whether the \"Go to today\" link should be shown or not\n   */\n  showGoToToday?: boolean;\n\n  /**\n   * Determines if the DatePicker has a border.\n   * @default false\n   */\n  borderless?: boolean;\n\n  /**\n   * Apply additional formatting to dates, for example localized date formatting.\n   */\n  dateTimeFormatter?: DateFormatting;\n\n  /**\n   * The minimum allowable date.\n   */\n  minDate?: Date;\n\n  /**\n   * The maximum allowable date.\n   */\n  maxDate?: Date;\n\n  /**\n   * The initially highlighted date.\n   */\n  initialPickerDate?: Date;\n\n  /**\n   * Allows all elements to be focused, including disabled ones\n   * @default false\n   */\n  allFocusable?: boolean;\n\n  /**\n   * Whether the CalendarDay close button should be shown or not.\n   */\n  showCloseButton?: boolean;\n};\n\n/**\n * State used in rendering DatePicker.\n */\nexport type DatePickerState = ComponentState<DatePickerSlots> & {\n  disabled: boolean;\n  inlinePopup: boolean;\n};\n\n/**\n * Data passed to the `onValidationResult` callback.\n */\nexport type DatePickerValidationResultData = {\n  /** The error found when validating the input. */\n  error?: DatePickerErrorType;\n};\n\n/**\n * Error types returned by the `onValidationResult` callback.\n */\nexport type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';\n"],"names":[],"mappings":"AAAA,WA0OuF"}

package/lib/components/DatePicker/useDatePicker.js

@@ -5,7 +5,7 @@ import { CalendarMonthRegular } from '@fluentui/react-icons';
 import { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';
 import { defaultDatePickerStrings } from './defaults';
 import { Input } from '@fluentui/react-input';
-import { mergeCallbacks, resolveShorthand, useControllableState, useFirstMount, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';
+import { mergeCallbacks, resolveShorthand, useControllableState, useEventCallback, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';
 import { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';
 import { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';
 import { useModalAttributes } from '@fluentui/react-tabster';
@@ -16,13 +16,13 @@ function isDateOutOfBounds(date, minDate, maxDate) {
 function useFocusLogic() {
     const inputRef = React.useRef(null);
     const preventFocusOpeningPicker = React.useRef(false);
-    const focus = ()=>{
+    const focus = React.useCallback(()=>{
         var _inputRef_current, _inputRef_current_focus;
         (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);
-    };
-    const preventNextFocusOpeningPicker = ()=>{
+    }, []);
+    const preventNextFocusOpeningPicker = React.useCallback(()=>{
         preventFocusOpeningPicker.current = true;
-    };
+    }, []);
     return [
         focus,
         inputRef,
@@ -157,8 +157,14 @@ const defaultParseDateFromString = (dateStr)=>{
     const setOpen = React.useCallback((newState)=>{
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newState);
         setOpenState(newState);
-    }, [
+        if (!open && !props.disabled) {
+            focus();
+        }
+    }, // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+        focus,
         onOpenChange,
+        props.disabled,
         setOpenState
     ]);
     const dismissDatePickerPopup = React.useCallback((newlySelectedDate)=>{
@@ -298,7 +304,7 @@ const defaultParseDateFromString = (dateStr)=>{
     };
     const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';
     const [triggerWrapperRef, popupRef] = usePopupPositioning(props);
-    const rootShorthand = resolveShorthand(restOfProps, {
+    const root = resolveShorthand(restOfProps, {
         required: true,
         defaultProps: {
             appearance: inputAppearance,
@@ -309,27 +315,34 @@ const defaultParseDateFromString = (dateStr)=>{
                 onClick: onIconClick
             }),
             readOnly: !allowTextInput,
-            role: 'combobox',
-            root: {
-                'aria-owns': open ? popupSurfaceId : undefined,
-                ref: useMergedRefs(triggerWrapperRef, ref)
-            },
-            input: {
-                ref: rootRef
-            }
+            role: 'combobox'
+        }
+    });
+    const inputRoot = resolveShorthand(props.root, {
+        required: true,
+        defaultProps: {
+            'aria-owns': open ? popupSurfaceId : undefined,
+            ref: triggerWrapperRef
         }
     });
-    rootShorthand.onChange = mergeCallbacks(rootShorthand.onChange, onInputChange);
-    rootShorthand.onBlur = mergeCallbacks(rootShorthand.onBlur, onInputBlur);
-    rootShorthand.onKeyDown = mergeCallbacks(rootShorthand.onKeyDown, onInputKeyDown);
-    rootShorthand.onFocus = mergeCallbacks(rootShorthand.onFocus, onInputFocus);
-    rootShorthand.onClick = mergeCallbacks(rootShorthand.onClick, onInputClick);
+    inputRoot.ref = useMergedRefs(inputRoot.ref, triggerWrapperRef);
+    root.root = inputRoot;
+    const inputShorthand = resolveShorthand(props.input, {
+        required: true
+    });
+    inputShorthand.ref = useMergedRefs(inputShorthand.ref, ref, rootRef);
+    root.input = inputShorthand;
+    root.onChange = useEventCallback(mergeCallbacks(root.onChange, onInputChange));
+    root.onBlur = useEventCallback(mergeCallbacks(root.onBlur, onInputBlur));
+    root.onKeyDown = useEventCallback(mergeCallbacks(root.onKeyDown, onInputKeyDown));
+    root.onFocus = useEventCallback(mergeCallbacks(root.onFocus, onInputFocus));
+    root.onClick = useEventCallback(mergeCallbacks(root.onClick, onInputClick));
     const { modalAttributes  } = useModalAttributes({
         trapFocus: true,
         alwaysFocusable: true,
         legacyTrapFocus: false
     });
-    const popupSurfaceShorthand = open ? resolveShorthand(props.popupSurface, {
+    const popupSurface = open ? resolveShorthand(props.popupSurface, {
         required: true,
         defaultProps: {
             'aria-label': 'Calendar',
@@ -371,19 +384,6 @@ const defaultParseDateFromString = (dateStr)=>{
         open,
         props.disabled
     ]);
-    const isFirstMount = useFirstMount();
-    // When the popup is closed, focus should go back to the input.
-    React.useEffect(()=>{
-        if (!open && !props.disabled && !isFirstMount) {
-            focus();
-        }
-    // Focus function keeps changing, so we need to skip it in the deps
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        isFirstMount,
-        open,
-        props.disabled
-    ]);
     const calendarShorthand = resolveShorthand(props.calendar, {
         required: true,
         defaultProps: {
@@ -406,21 +406,8 @@ const defaultParseDateFromString = (dateStr)=>{
             value: selectedDate || initialPickerDate
         }
     });
-    calendarShorthand.onDismiss = mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed);
-    calendarShorthand.onSelectDate = mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed);
-    React.useImperativeHandle(props.componentRef, ()=>({
-            focus,
-            reset () {
-                setOpen(false);
-                setSelectedDate(null);
-            },
-            showDatePickerPopup
-        }), [
-        focus,
-        setOpen,
-        setSelectedDate,
-        showDatePickerPopup
-    ]);
+    calendarShorthand.onDismiss = useEventCallback(mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed));
+    calendarShorthand.onSelectDate = useEventCallback(mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed));
     const state = {
         disabled: !!props.disabled,
         inlinePopup,
@@ -430,8 +417,8 @@ const defaultParseDateFromString = (dateStr)=>{
             popupSurface: 'div'
         },
         calendar: calendarShorthand,
-        root: rootShorthand,
-        popupSurface: popupSurfaceShorthand
+        root,
+        popupSurface
     };
     state.root.value = formattedDate;
     return state;

package/lib/components/DatePicker/useDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport {\n  mergeCallbacks,\n  resolveShorthand,\n  useControllableState,\n  useFirstMount,\n  useId,\n  useMergedRefs,\n  useOnClickOutside,\n  useOnScrollOutside,\n} from '@fluentui/react-utilities';\nimport { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopupPositioning } from '../../utils/usePopupPositioning';\nimport type { CalendarProps, ICalendar } from '../Calendar/Calendar.types';\nimport type { DatePickerProps, DatePickerState, DatePickerValidationResultData } from './DatePicker.types';\nimport type { InputProps, InputOnChangeData } from '@fluentui/react-input';\n\nfunction isDateOutOfBounds(date: Date, minDate?: Date, maxDate?: Date): boolean {\n  return (!!minDate && compareDatePart(minDate!, date) > 0) || (!!maxDate && compareDatePart(maxDate!, date) < 0);\n}\n\nfunction useFocusLogic() {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const preventFocusOpeningPicker = React.useRef(false);\n\n  const focus = () => {\n    inputRef.current?.focus?.();\n  };\n\n  const preventNextFocusOpeningPicker = () => {\n    preventFocusOpeningPicker.current = true;\n  };\n\n  return [focus, inputRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] as const;\n}\n\nfunction usePopupVisibility(props: DatePickerProps) {\n  const [open, setOpen] = useControllableState({\n    initialState: false,\n    defaultState: props.defaultOpen,\n    state: props.open,\n  });\n  const isMounted = React.useRef(false);\n\n  React.useEffect(\n    () => {\n      if (isMounted.current && !open) {\n        // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n        props.onOpenChange?.(false);\n      }\n      isMounted.current = true;\n    },\n    // Should only run on allowTextInput or open change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [props.allowTextInput, open],\n  );\n\n  return [open, setOpen] as const;\n}\n\nfunction useSelectedDate({ formatDate, onSelectDate, value }: DatePickerProps) {\n  const [selectedDate, setSelectedDateState] = useControllableState<Date | null | undefined>({\n    initialState: null,\n    state: value,\n  });\n  const [formattedDate, setFormattedDate] = React.useState(() => (value && formatDate ? formatDate(value) : ''));\n\n  const setSelectedDate = (newDate: Date | null | undefined) => {\n    onSelectDate?.(newDate);\n    setSelectedDateState(newDate);\n    setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n  };\n\n  React.useEffect(() => {\n    setFormattedDate(value && formatDate ? formatDate(value) : '');\n  }, [formatDate, value]);\n\n  return [selectedDate, formattedDate, setSelectedDate, setFormattedDate] as const;\n}\n\nconst defaultFormatDate = (date?: Date) => (date ? date.toDateString() : '');\nconst defaultParseDateFromString = (dateStr: string) => {\n  const date = Date.parse(dateStr);\n  return date ? new Date(date) : null;\n};\n\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */\nexport const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref<HTMLElement>): DatePickerState => {\n  const {\n    allowTextInput = false,\n    allFocusable = false,\n    borderless = false,\n    dateTimeFormatter,\n    defaultOpen = false,\n    disableAutoFocus = true,\n    firstDayOfWeek = DayOfWeek.Sunday,\n    firstWeekOfYear = FirstWeekOfYear.FirstDay,\n    formatDate = defaultFormatDate,\n    highlightCurrentMonth = false,\n    highlightSelectedMonth = false,\n    initialPickerDate = new Date(),\n    inlinePopup = false,\n    isMonthPickerVisible = true,\n    maxDate,\n    minDate,\n    onOpenChange,\n    onSelectDate: onUserSelectDate,\n    openOnClick = true,\n    onValidationResult,\n    parseDateFromString = defaultParseDateFromString,\n    showCloseButton = false,\n    showGoToToday = true,\n    showMonthPickerAsOverlay = false,\n    showWeekNumbers = false,\n    strings = defaultDatePickerStrings,\n    today,\n    underlined = false,\n    value,\n    ...restOfProps\n  } = props;\n  const calendar = React.useRef<ICalendar>(null);\n  const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n  const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n    formatDate,\n    onSelectDate: onUserSelectDate,\n    value,\n  });\n  const [open, setOpenState] = usePopupVisibility(props);\n  const fieldContext = useFieldContext();\n  const required = fieldContext?.required ?? props.required;\n  const popupSurfaceId = useId('datePicker-popupSurface');\n\n  const validateTextInput = React.useCallback(\n    (date: Date | null = null): void => {\n      let error: DatePickerValidationResultData['error'];\n\n      if (allowTextInput) {\n        if (formattedDate || date) {\n          // Don't parse if the selected date has the same formatted string as what we're about to parse.\n          // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n          // not be able to come up with the exact same date.\n          if (selectedDate && formatDate && formatDate(date ?? selectedDate) === formattedDate) {\n            return;\n          }\n          date = date || parseDateFromString!(formattedDate);\n\n          // Check if date is null or date is an invalid date\n          if (!date || isNaN(date.getTime())) {\n            // Reset input if formatting is available\n            setSelectedDate(selectedDate);\n            error = 'invalid-input';\n          } else {\n            if (isDateOutOfBounds(date, minDate, maxDate)) {\n              error = 'out-of-bounds';\n            } else {\n              setSelectedDate(date);\n            }\n          }\n        } else {\n          if (required) {\n            error = 'required-input';\n          }\n\n          onUserSelectDate?.(date);\n        }\n      } else if (required && !formattedDate) {\n        error = 'required-input';\n      }\n\n      onValidationResult?.({ error });\n    },\n    [\n      allowTextInput,\n      formatDate,\n      formattedDate,\n      maxDate,\n      minDate,\n      onUserSelectDate,\n      onValidationResult,\n      parseDateFromString,\n      required,\n      selectedDate,\n      setSelectedDate,\n    ],\n  );\n\n  const setOpen = React.useCallback(\n    (newState: boolean) => {\n      onOpenChange?.(newState);\n      setOpenState(newState);\n    },\n    [onOpenChange, setOpenState],\n  );\n\n  const dismissDatePickerPopup = React.useCallback(\n    (newlySelectedDate?: Date | null): void => {\n      if (open) {\n        setOpen(false);\n\n        validateTextInput(newlySelectedDate);\n        if (!allowTextInput && newlySelectedDate) {\n          setSelectedDate(newlySelectedDate);\n        }\n      }\n    },\n    [allowTextInput, open, setOpen, setSelectedDate, validateTextInput],\n  );\n\n  const showDatePickerPopup = React.useCallback((): void => {\n    if (!open) {\n      preventNextFocusOpeningPicker();\n      setOpen(true);\n    }\n  }, [open, preventNextFocusOpeningPicker, setOpen]);\n\n  /**\n   * Callback for closing the calendar callout\n   */\n  const calendarDismissed = React.useCallback(\n    (newlySelectedDate?: Date): void => {\n      preventNextFocusOpeningPicker();\n      dismissDatePickerPopup(newlySelectedDate);\n    },\n    [dismissDatePickerPopup, preventNextFocusOpeningPicker],\n  );\n\n  const onInputChange = React.useCallback(\n    (ev: React.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => {\n      const { value: newValue } = data;\n\n      if (allowTextInput) {\n        if (open) {\n          dismissDatePickerPopup();\n        }\n\n        setFormattedDate(newValue);\n      }\n    },\n    [allowTextInput, dismissDatePickerPopup, open, setFormattedDate],\n  );\n\n  const onInputBlur: React.FocusEventHandler<HTMLInputElement> = React.useCallback((): void => {\n    validateTextInput();\n  }, [validateTextInput]);\n\n  const onInputKeyDown = React.useCallback(\n    (ev: React.KeyboardEvent<HTMLElement>): void => {\n      switch (ev.key) {\n        case Enter:\n          ev.preventDefault();\n          ev.stopPropagation();\n          if (!open) {\n            validateTextInput();\n            showDatePickerPopup();\n          } else {\n            // When DatePicker allows input date string directly,\n            // it is expected to hit another enter to close the popup\n            if (props.allowTextInput) {\n              dismissDatePickerPopup();\n            }\n          }\n          break;\n\n        case Escape:\n          ev.stopPropagation();\n          ev.preventDefault();\n          if (open) {\n            calendarDismissed();\n          }\n          break;\n\n        case ArrowDown:\n          ev.preventDefault();\n          if (ev.altKey && !open) {\n            showDatePickerPopup();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [calendarDismissed, dismissDatePickerPopup, open, props.allowTextInput, showDatePickerPopup, validateTextInput],\n  );\n\n  const onInputFocus: React.FocusEventHandler<HTMLInputElement> = React.useCallback((): void => {\n    if (disableAutoFocus) {\n      return;\n    }\n\n    if (!allowTextInput) {\n      if (!preventFocusOpeningPicker.current) {\n        showDatePickerPopup();\n      }\n      preventFocusOpeningPicker.current = false;\n    }\n  }, [allowTextInput, disableAutoFocus, preventFocusOpeningPicker, showDatePickerPopup]);\n\n  const onInputClick: React.MouseEventHandler<HTMLInputElement> = React.useCallback((): void => {\n    // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n    if ((props.openOnClick || !props.disableAutoFocus) && !open && !props.disabled) {\n      showDatePickerPopup();\n      return;\n    }\n\n    if (allowTextInput) {\n      dismissDatePickerPopup();\n    }\n  }, [\n    allowTextInput,\n    dismissDatePickerPopup,\n    open,\n    props.disabled,\n    props.disableAutoFocus,\n    props.openOnClick,\n    showDatePickerPopup,\n  ]);\n\n  const onIconClick = (ev: React.MouseEvent<HTMLElement>): void => {\n    ev.stopPropagation();\n    if (!open && !props.disabled) {\n      showDatePickerPopup();\n    } else if (props.allowTextInput) {\n      dismissDatePickerPopup();\n    }\n  };\n\n  const inputAppearance: InputProps['appearance'] = underlined\n    ? 'underline'\n    : borderless\n    ? 'filled-lighter'\n    : 'outline';\n\n  const [triggerWrapperRef, popupRef] = usePopupPositioning(props);\n  const rootShorthand = resolveShorthand(restOfProps, {\n    required: true,\n    defaultProps: {\n      appearance: inputAppearance,\n      'aria-controls': open ? popupSurfaceId : undefined,\n      'aria-expanded': open,\n      'aria-haspopup': 'dialog',\n      contentAfter: <CalendarMonthRegular onClick={onIconClick as unknown as React.MouseEventHandler<SVGElement>} />,\n      readOnly: !allowTextInput,\n      role: 'combobox',\n      root: {\n        'aria-owns': open ? popupSurfaceId : undefined,\n        ref: useMergedRefs(triggerWrapperRef, ref),\n      },\n      input: {\n        ref: rootRef,\n      },\n    },\n  });\n\n  rootShorthand.onChange = mergeCallbacks(rootShorthand.onChange, onInputChange);\n  rootShorthand.onBlur = mergeCallbacks(rootShorthand.onBlur, onInputBlur);\n  rootShorthand.onKeyDown = mergeCallbacks(rootShorthand.onKeyDown, onInputKeyDown);\n  rootShorthand.onFocus = mergeCallbacks(rootShorthand.onFocus, onInputFocus);\n  rootShorthand.onClick = mergeCallbacks(rootShorthand.onClick, onInputClick);\n\n  const { modalAttributes } = useModalAttributes({ trapFocus: true, alwaysFocusable: true, legacyTrapFocus: false });\n  const popupSurfaceShorthand = open\n    ? resolveShorthand(props.popupSurface, {\n        required: true,\n        defaultProps: {\n          'aria-label': 'Calendar',\n          'aria-modal': true,\n          id: popupSurfaceId,\n          role: 'dialog',\n          ref: popupRef,\n          ...modalAttributes,\n        },\n      })\n    : undefined;\n\n  const { targetDocument } = useFluent();\n  useOnClickOutside({\n    element: targetDocument,\n    callback: ev => dismissDatePickerPopup(),\n    refs: [triggerWrapperRef, popupRef],\n    disabled: !open,\n  });\n\n  useOnScrollOutside({\n    element: targetDocument,\n    callback: ev => dismissDatePickerPopup(),\n    refs: [triggerWrapperRef, popupRef],\n    disabled: !open,\n  });\n\n  // When the popup is opened, focus should go to the calendar.\n  // In v8 this was done by focusing after the callout was positioned, but in v9 this can be simulated by using a\n  // useEffect hook.\n  React.useEffect(() => {\n    if (open && !props.disabled && calendar.current) {\n      calendar.current.focus();\n    }\n  }, [disableAutoFocus, open, props.disabled]);\n\n  const isFirstMount = useFirstMount();\n  // When the popup is closed, focus should go back to the input.\n  React.useEffect(() => {\n    if (!open && !props.disabled && !isFirstMount) {\n      focus();\n    }\n    // Focus function keeps changing, so we need to skip it in the deps\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isFirstMount, open, props.disabled]);\n\n  const calendarShorthand = resolveShorthand(props.calendar, {\n    required: true,\n    defaultProps: {\n      allFocusable,\n      componentRef: calendar,\n      dateTimeFormatter,\n      firstDayOfWeek,\n      firstWeekOfYear,\n      highlightCurrentMonth,\n      highlightSelectedMonth,\n      isMonthPickerVisible,\n      maxDate,\n      minDate,\n      showCloseButton,\n      showGoToToday,\n      showMonthPickerAsOverlay,\n      showWeekNumbers,\n      strings,\n      today,\n      value: selectedDate || initialPickerDate,\n    },\n  });\n\n  calendarShorthand.onDismiss = mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed);\n  calendarShorthand.onSelectDate = mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed);\n\n  React.useImperativeHandle(\n    props.componentRef,\n    () => ({\n      focus,\n      reset() {\n        setOpen(false);\n        setSelectedDate(null);\n      },\n      showDatePickerPopup,\n    }),\n    [focus, setOpen, setSelectedDate, showDatePickerPopup],\n  );\n\n  const state: DatePickerState = {\n    disabled: !!props.disabled,\n    inlinePopup,\n\n    components: {\n      root: Input,\n      calendar: Calendar as React.FC<Partial<CalendarProps>>,\n      popupSurface: 'div',\n    },\n\n    calendar: calendarShorthand,\n    root: rootShorthand,\n    popupSurface: popupSurfaceShorthand,\n  };\n\n  state.root.value = formattedDate;\n\n  return state;\n};\n"],"names":["React","ArrowDown","Enter","Escape","Calendar","CalendarMonthRegular","compareDatePart","DayOfWeek","FirstWeekOfYear","defaultDatePickerStrings","Input","mergeCallbacks","resolveShorthand","useControllableState","useFirstMount","useId","useMergedRefs","useOnClickOutside","useOnScrollOutside","useFieldContext_unstable","useFieldContext","useFluent_unstable","useFluent","useModalAttributes","usePopupPositioning","isDateOutOfBounds","date","minDate","maxDate","useFocusLogic","inputRef","useRef","preventFocusOpeningPicker","focus","current","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","initialState","defaultState","defaultOpen","state","isMounted","useEffect","onOpenChange","allowTextInput","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","formattedDate","setFormattedDate","useState","setSelectedDate","newDate","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","useDatePicker_unstable","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","Sunday","firstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","inlinePopup","isMonthPickerVisible","onUserSelectDate","openOnClick","onValidationResult","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","today","underlined","restOfProps","calendar","rootRef","setOpenState","fieldContext","required","popupSurfaceId","validateTextInput","useCallback","error","isNaN","getTime","newState","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","ev","data","newValue","onInputBlur","onInputKeyDown","key","preventDefault","stopPropagation","altKey","onInputFocus","onInputClick","disabled","onIconClick","inputAppearance","triggerWrapperRef","popupRef","rootShorthand","defaultProps","appearance","undefined","contentAfter","onClick","readOnly","role","root","input","onChange","onBlur","onKeyDown","onFocus","modalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurfaceShorthand","popupSurface","id","targetDocument","element","callback","refs","isFirstMount","calendarShorthand","componentRef","onDismiss","useImperativeHandle","reset","components"],"mappings":"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"}
+{"version":3,"sources":["useDatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport {\n  mergeCallbacks,\n  resolveShorthand,\n  useControllableState,\n  useEventCallback,\n  useId,\n  useMergedRefs,\n  useOnClickOutside,\n  useOnScrollOutside,\n} from '@fluentui/react-utilities';\nimport { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopupPositioning } from '../../utils/usePopupPositioning';\nimport type { CalendarProps, ICalendar } from '../Calendar/Calendar.types';\nimport type { DatePickerProps, DatePickerState, DatePickerValidationResultData } from './DatePicker.types';\nimport type { InputProps, InputOnChangeData } from '@fluentui/react-input';\n\nfunction isDateOutOfBounds(date: Date, minDate?: Date, maxDate?: Date): boolean {\n  return (!!minDate && compareDatePart(minDate!, date) > 0) || (!!maxDate && compareDatePart(maxDate!, date) < 0);\n}\n\nfunction useFocusLogic() {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const preventFocusOpeningPicker = React.useRef(false);\n\n  const focus = React.useCallback(() => {\n    inputRef.current?.focus?.();\n  }, []);\n\n  const preventNextFocusOpeningPicker = React.useCallback(() => {\n    preventFocusOpeningPicker.current = true;\n  }, []);\n\n  return [focus, inputRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] as const;\n}\n\nfunction usePopupVisibility(props: DatePickerProps) {\n  const [open, setOpen] = useControllableState({\n    initialState: false,\n    defaultState: props.defaultOpen,\n    state: props.open,\n  });\n  const isMounted = React.useRef(false);\n\n  React.useEffect(\n    () => {\n      if (isMounted.current && !open) {\n        // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n        props.onOpenChange?.(false);\n      }\n      isMounted.current = true;\n    },\n    // Should only run on allowTextInput or open change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [props.allowTextInput, open],\n  );\n\n  return [open, setOpen] as const;\n}\n\nfunction useSelectedDate({ formatDate, onSelectDate, value }: DatePickerProps) {\n  const [selectedDate, setSelectedDateState] = useControllableState<Date | null | undefined>({\n    initialState: null,\n    state: value,\n  });\n  const [formattedDate, setFormattedDate] = React.useState(() => (value && formatDate ? formatDate(value) : ''));\n\n  const setSelectedDate = (newDate: Date | null | undefined) => {\n    onSelectDate?.(newDate);\n    setSelectedDateState(newDate);\n    setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n  };\n\n  React.useEffect(() => {\n    setFormattedDate(value && formatDate ? formatDate(value) : '');\n  }, [formatDate, value]);\n\n  return [selectedDate, formattedDate, setSelectedDate, setFormattedDate] as const;\n}\n\nconst defaultFormatDate = (date?: Date) => (date ? date.toDateString() : '');\nconst defaultParseDateFromString = (dateStr: string) => {\n  const date = Date.parse(dateStr);\n  return date ? new Date(date) : null;\n};\n\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */\nexport const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref<HTMLInputElement>): DatePickerState => {\n  const {\n    allowTextInput = false,\n    allFocusable = false,\n    borderless = false,\n    dateTimeFormatter,\n    defaultOpen = false,\n    disableAutoFocus = true,\n    firstDayOfWeek = DayOfWeek.Sunday,\n    firstWeekOfYear = FirstWeekOfYear.FirstDay,\n    formatDate = defaultFormatDate,\n    highlightCurrentMonth = false,\n    highlightSelectedMonth = false,\n    initialPickerDate = new Date(),\n    inlinePopup = false,\n    isMonthPickerVisible = true,\n    maxDate,\n    minDate,\n    onOpenChange,\n    onSelectDate: onUserSelectDate,\n    openOnClick = true,\n    onValidationResult,\n    parseDateFromString = defaultParseDateFromString,\n    showCloseButton = false,\n    showGoToToday = true,\n    showMonthPickerAsOverlay = false,\n    showWeekNumbers = false,\n    strings = defaultDatePickerStrings,\n    today,\n    underlined = false,\n    value,\n    ...restOfProps\n  } = props;\n  const calendar = React.useRef<ICalendar>(null);\n  const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n  const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n    formatDate,\n    onSelectDate: onUserSelectDate,\n    value,\n  });\n  const [open, setOpenState] = usePopupVisibility(props);\n  const fieldContext = useFieldContext();\n  const required = fieldContext?.required ?? props.required;\n  const popupSurfaceId = useId('datePicker-popupSurface');\n\n  const validateTextInput = React.useCallback(\n    (date: Date | null = null): void => {\n      let error: DatePickerValidationResultData['error'];\n\n      if (allowTextInput) {\n        if (formattedDate || date) {\n          // Don't parse if the selected date has the same formatted string as what we're about to parse.\n          // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n          // not be able to come up with the exact same date.\n          if (selectedDate && formatDate && formatDate(date ?? selectedDate) === formattedDate) {\n            return;\n          }\n          date = date || parseDateFromString!(formattedDate);\n\n          // Check if date is null or date is an invalid date\n          if (!date || isNaN(date.getTime())) {\n            // Reset input if formatting is available\n            setSelectedDate(selectedDate);\n            error = 'invalid-input';\n          } else {\n            if (isDateOutOfBounds(date, minDate, maxDate)) {\n              error = 'out-of-bounds';\n            } else {\n              setSelectedDate(date);\n            }\n          }\n        } else {\n          if (required) {\n            error = 'required-input';\n          }\n\n          onUserSelectDate?.(date);\n        }\n      } else if (required && !formattedDate) {\n        error = 'required-input';\n      }\n\n      onValidationResult?.({ error });\n    },\n    [\n      allowTextInput,\n      formatDate,\n      formattedDate,\n      maxDate,\n      minDate,\n      onUserSelectDate,\n      onValidationResult,\n      parseDateFromString,\n      required,\n      selectedDate,\n      setSelectedDate,\n    ],\n  );\n\n  const setOpen = React.useCallback(\n    (newState: boolean) => {\n      onOpenChange?.(newState);\n      setOpenState(newState);\n\n      if (!open && !props.disabled) {\n        focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [focus, onOpenChange, props.disabled, setOpenState],\n  );\n\n  const dismissDatePickerPopup = React.useCallback(\n    (newlySelectedDate?: Date | null): void => {\n      if (open) {\n        setOpen(false);\n\n        validateTextInput(newlySelectedDate);\n        if (!allowTextInput && newlySelectedDate) {\n          setSelectedDate(newlySelectedDate);\n        }\n      }\n    },\n    [allowTextInput, open, setOpen, setSelectedDate, validateTextInput],\n  );\n\n  const showDatePickerPopup = React.useCallback((): void => {\n    if (!open) {\n      preventNextFocusOpeningPicker();\n      setOpen(true);\n    }\n  }, [open, preventNextFocusOpeningPicker, setOpen]);\n\n  /**\n   * Callback for closing the calendar callout\n   */\n  const calendarDismissed = React.useCallback(\n    (newlySelectedDate?: Date): void => {\n      preventNextFocusOpeningPicker();\n      dismissDatePickerPopup(newlySelectedDate);\n    },\n    [dismissDatePickerPopup, preventNextFocusOpeningPicker],\n  );\n\n  const onInputChange = React.useCallback(\n    (ev: React.ChangeEvent<HTMLInputElement>, data: InputOnChangeData) => {\n      const { value: newValue } = data;\n\n      if (allowTextInput) {\n        if (open) {\n          dismissDatePickerPopup();\n        }\n\n        setFormattedDate(newValue);\n      }\n    },\n    [allowTextInput, dismissDatePickerPopup, open, setFormattedDate],\n  );\n\n  const onInputBlur: React.FocusEventHandler<HTMLInputElement> = React.useCallback((): void => {\n    validateTextInput();\n  }, [validateTextInput]);\n\n  const onInputKeyDown = React.useCallback(\n    (ev: React.KeyboardEvent<HTMLElement>): void => {\n      switch (ev.key) {\n        case Enter:\n          ev.preventDefault();\n          ev.stopPropagation();\n          if (!open) {\n            validateTextInput();\n            showDatePickerPopup();\n          } else {\n            // When DatePicker allows input date string directly,\n            // it is expected to hit another enter to close the popup\n            if (props.allowTextInput) {\n              dismissDatePickerPopup();\n            }\n          }\n          break;\n\n        case Escape:\n          ev.stopPropagation();\n          ev.preventDefault();\n          if (open) {\n            calendarDismissed();\n          }\n          break;\n\n        case ArrowDown:\n          ev.preventDefault();\n          if (ev.altKey && !open) {\n            showDatePickerPopup();\n          }\n          break;\n\n        default:\n          break;\n      }\n    },\n    [calendarDismissed, dismissDatePickerPopup, open, props.allowTextInput, showDatePickerPopup, validateTextInput],\n  );\n\n  const onInputFocus: React.FocusEventHandler<HTMLInputElement> = React.useCallback((): void => {\n    if (disableAutoFocus) {\n      return;\n    }\n\n    if (!allowTextInput) {\n      if (!preventFocusOpeningPicker.current) {\n        showDatePickerPopup();\n      }\n      preventFocusOpeningPicker.current = false;\n    }\n  }, [allowTextInput, disableAutoFocus, preventFocusOpeningPicker, showDatePickerPopup]);\n\n  const onInputClick: React.MouseEventHandler<HTMLInputElement> = React.useCallback((): void => {\n    // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n    if ((props.openOnClick || !props.disableAutoFocus) && !open && !props.disabled) {\n      showDatePickerPopup();\n      return;\n    }\n\n    if (allowTextInput) {\n      dismissDatePickerPopup();\n    }\n  }, [\n    allowTextInput,\n    dismissDatePickerPopup,\n    open,\n    props.disabled,\n    props.disableAutoFocus,\n    props.openOnClick,\n    showDatePickerPopup,\n  ]);\n\n  const onIconClick = (ev: React.MouseEvent<HTMLElement>): void => {\n    ev.stopPropagation();\n    if (!open && !props.disabled) {\n      showDatePickerPopup();\n    } else if (props.allowTextInput) {\n      dismissDatePickerPopup();\n    }\n  };\n\n  const inputAppearance: InputProps['appearance'] = underlined\n    ? 'underline'\n    : borderless\n    ? 'filled-lighter'\n    : 'outline';\n\n  const [triggerWrapperRef, popupRef] = usePopupPositioning(props);\n  const root = resolveShorthand(restOfProps, {\n    required: true,\n    defaultProps: {\n      appearance: inputAppearance,\n      'aria-controls': open ? popupSurfaceId : undefined,\n      'aria-expanded': open,\n      'aria-haspopup': 'dialog',\n      contentAfter: <CalendarMonthRegular onClick={onIconClick as unknown as React.MouseEventHandler<SVGElement>} />,\n      readOnly: !allowTextInput,\n      role: 'combobox',\n    },\n  });\n\n  const inputRoot = resolveShorthand(props.root, {\n    required: true,\n    defaultProps: {\n      'aria-owns': open ? popupSurfaceId : undefined,\n      ref: triggerWrapperRef,\n    },\n  });\n  inputRoot.ref = useMergedRefs(inputRoot.ref, triggerWrapperRef);\n  root.root = inputRoot;\n\n  const inputShorthand = resolveShorthand(props.input, { required: true });\n  inputShorthand.ref = useMergedRefs(inputShorthand.ref, ref, rootRef);\n  root.input = inputShorthand;\n\n  root.onChange = useEventCallback(mergeCallbacks(root.onChange, onInputChange));\n  root.onBlur = useEventCallback(mergeCallbacks(root.onBlur, onInputBlur));\n  root.onKeyDown = useEventCallback(mergeCallbacks(root.onKeyDown, onInputKeyDown));\n  root.onFocus = useEventCallback(mergeCallbacks(root.onFocus, onInputFocus));\n  root.onClick = useEventCallback(mergeCallbacks(root.onClick, onInputClick));\n\n  const { modalAttributes } = useModalAttributes({ trapFocus: true, alwaysFocusable: true, legacyTrapFocus: false });\n  const popupSurface = open\n    ? resolveShorthand(props.popupSurface, {\n        required: true,\n        defaultProps: {\n          'aria-label': 'Calendar',\n          'aria-modal': true,\n          id: popupSurfaceId,\n          role: 'dialog',\n          ref: popupRef,\n          ...modalAttributes,\n        },\n      })\n    : undefined;\n\n  const { targetDocument } = useFluent();\n  useOnClickOutside({\n    element: targetDocument,\n    callback: ev => dismissDatePickerPopup(),\n    refs: [triggerWrapperRef, popupRef],\n    disabled: !open,\n  });\n\n  useOnScrollOutside({\n    element: targetDocument,\n    callback: ev => dismissDatePickerPopup(),\n    refs: [triggerWrapperRef, popupRef],\n    disabled: !open,\n  });\n\n  // When the popup is opened, focus should go to the calendar.\n  // In v8 this was done by focusing after the callout was positioned, but in v9 this can be simulated by using a\n  // useEffect hook.\n  React.useEffect(() => {\n    if (open && !props.disabled && calendar.current) {\n      calendar.current.focus();\n    }\n  }, [disableAutoFocus, open, props.disabled]);\n\n  const calendarShorthand = resolveShorthand(props.calendar, {\n    required: true,\n    defaultProps: {\n      allFocusable,\n      componentRef: calendar,\n      dateTimeFormatter,\n      firstDayOfWeek,\n      firstWeekOfYear,\n      highlightCurrentMonth,\n      highlightSelectedMonth,\n      isMonthPickerVisible,\n      maxDate,\n      minDate,\n      showCloseButton,\n      showGoToToday,\n      showMonthPickerAsOverlay,\n      showWeekNumbers,\n      strings,\n      today,\n      value: selectedDate || initialPickerDate,\n    },\n  });\n\n  calendarShorthand.onDismiss = useEventCallback(mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed));\n  calendarShorthand.onSelectDate = useEventCallback(mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed));\n\n  const state: DatePickerState = {\n    disabled: !!props.disabled,\n    inlinePopup,\n\n    components: {\n      root: Input,\n      calendar: Calendar as React.FC<Partial<CalendarProps>>,\n      popupSurface: 'div',\n    },\n\n    calendar: calendarShorthand,\n    root,\n    popupSurface,\n  };\n\n  state.root.value = formattedDate;\n\n  return state;\n};\n"],"names":["React","ArrowDown","Enter","Escape","Calendar","CalendarMonthRegular","compareDatePart","DayOfWeek","FirstWeekOfYear","defaultDatePickerStrings","Input","mergeCallbacks","resolveShorthand","useControllableState","useEventCallback","useId","useMergedRefs","useOnClickOutside","useOnScrollOutside","useFieldContext_unstable","useFieldContext","useFluent_unstable","useFluent","useModalAttributes","usePopupPositioning","isDateOutOfBounds","date","minDate","maxDate","useFocusLogic","inputRef","useRef","preventFocusOpeningPicker","focus","useCallback","current","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","initialState","defaultState","defaultOpen","state","isMounted","useEffect","onOpenChange","allowTextInput","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","formattedDate","setFormattedDate","useState","setSelectedDate","newDate","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","useDatePicker_unstable","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","Sunday","firstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","inlinePopup","isMonthPickerVisible","onUserSelectDate","openOnClick","onValidationResult","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","today","underlined","restOfProps","calendar","rootRef","setOpenState","fieldContext","required","popupSurfaceId","validateTextInput","error","isNaN","getTime","newState","disabled","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","ev","data","newValue","onInputBlur","onInputKeyDown","key","preventDefault","stopPropagation","altKey","onInputFocus","onInputClick","onIconClick","inputAppearance","triggerWrapperRef","popupRef","root","defaultProps","appearance","undefined","contentAfter","onClick","readOnly","role","inputRoot","inputShorthand","input","onChange","onBlur","onKeyDown","onFocus","modalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurface","id","targetDocument","element","callback","refs","calendarShorthand","componentRef","onDismiss","components"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,KAAK,EAAEC,MAAM,QAAQ,0BAA0B;AACnE,SAASC,QAAQ,QAAQ,uBAAuB;AAChD,SAASC,oBAAoB,QAAQ,wBAAwB;AAC7D,SAASC,eAAe,EAAEC,SAAS,EAAEC,eAAe,QAAQ,cAAc;AAC1E,SAASC,wBAAwB,QAAQ,aAAa;AACtD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SACEC,cAAc,EACdC,gBAAgB,EAChBC,oBAAoB,EACpBC,gBAAgB,EAChBC,KAAK,EACLC,aAAa,EACbC,iBAAiB,EACjBC,kBAAkB,QACb,4BAA4B;AACnC,SAASC,4BAA4BC,eAAe,QAAQ,wBAAwB;AACpF,SAASC,sBAAsBC,SAAS,QAAQ,kCAAkC;AAClF,SAASC,kBAAkB,QAAQ,0BAA0B;AAC7D,SAASC,mBAAmB,QAAQ,kCAAkC;AAKtE,SAASC,kBAAkBC,IAAU,EAAEC,OAAc,EAAEC,OAAc,EAAW;IAC9E,OAAO,AAAC,CAAC,CAACD,WAAWrB,gBAAgBqB,SAAUD,QAAQ,KAAO,CAAC,CAACE,WAAWtB,gBAAgBsB,SAAUF,QAAQ;AAC/G;AAEA,SAASG,gBAAgB;IACvB,MAAMC,WAAW9B,MAAM+B,MAAM,CAAmB,IAAI;IACpD,MAAMC,4BAA4BhC,MAAM+B,MAAM,CAAC,KAAK;IAEpD,MAAME,QAAQjC,MAAMkC,WAAW,CAAC,IAAM;YACpCJ;QAAAA,CAAAA,oBAAAA,SAASK,OAAO,cAAhBL,+BAAAA,KAAAA,IAAAA,2BAAAA,kBAAkBG,wDAAlBH,KAAAA,IAAAA,wBAAAA,KAAAA;IACF,GAAG,EAAE;IAEL,MAAMM,gCAAgCpC,MAAMkC,WAAW,CAAC,IAAM;QAC5DF,0BAA0BG,OAAO,GAAG,IAAI;IAC1C,GAAG,EAAE;IAEL,OAAO;QAACF;QAAOH;QAAUE;QAA2BI;KAA8B;AACpF;AAEA,SAASC,mBAAmBC,KAAsB,EAAE;IAClD,MAAM,CAACC,MAAMC,QAAQ,GAAG3B,qBAAqB;QAC3C4B,cAAc,KAAK;QACnBC,cAAcJ,MAAMK,WAAW;QAC/BC,OAAON,MAAMC,IAAI;IACnB;IACA,MAAMM,YAAY7C,MAAM+B,MAAM,CAAC,KAAK;IAEpC/B,MAAM8C,SAAS,CACb,IAAM;QACJ,IAAID,UAAUV,OAAO,IAAI,CAACI,MAAM;gBAC9B,oEAAoE;YACpED;YAAAA,CAAAA,sBAAAA,MAAMS,YAAY,cAAlBT,iCAAAA,KAAAA,IAAAA,oBAAAA,KAAAA,OAAqB,KAAK;QAC5B,CAAC;QACDO,UAAUV,OAAO,GAAG,IAAI;IAC1B,GACA,mDAAmD;IACnD,uDAAuD;IACvD;QAACG,MAAMU,cAAc;QAAET;KAAK;IAG9B,OAAO;QAACA;QAAMC;KAAQ;AACxB;AAEA,SAASS,gBAAgB,EAAEC,WAAU,EAAEC,aAAY,EAAEC,MAAK,EAAmB,EAAE;IAC7E,MAAM,CAACC,cAAcC,qBAAqB,GAAGzC,qBAA8C;QACzF4B,cAAc,IAAI;QAClBG,OAAOQ;IACT;IACA,MAAM,CAACG,eAAeC,iBAAiB,GAAGxD,MAAMyD,QAAQ,CAAC,IAAOL,SAASF,aAAaA,WAAWE,SAAS,EAAE;IAE5G,MAAMM,kBAAkB,CAACC,UAAqC;QAC5DR,yBAAAA,0BAAAA,KAAAA,IAAAA,aAAeQ;QACfL,qBAAqBK;QACrBH,iBAAiBG,WAAWT,aAAaA,WAAWS,WAAW,EAAE;IACnE;IAEA3D,MAAM8C,SAAS,CAAC,IAAM;QACpBU,iBAAiBJ,SAASF,aAAaA,WAAWE,SAAS,EAAE;IAC/D,GAAG;QAACF;QAAYE;KAAM;IAEtB,OAAO;QAACC;QAAcE;QAAeG;QAAiBF;KAAiB;AACzE;AAEA,MAAMI,oBAAoB,CAAClC,OAAiBA,OAAOA,KAAKmC,YAAY,KAAK,EAAE;AAC3E,MAAMC,6BAA6B,CAACC,UAAoB;IACtD,MAAMrC,OAAOsC,KAAKC,KAAK,CAACF;IACxB,OAAOrC,OAAO,IAAIsC,KAAKtC,QAAQ,IAAI;AACrC;AAEA;;;;;;;;CAQC,GACD,OAAO,MAAMwC,yBAAyB,CAAC5B,OAAwB6B,MAAsD;IACnH,MAAM,EACJnB,gBAAiB,KAAK,CAAA,EACtBoB,cAAe,KAAK,CAAA,EACpBC,YAAa,KAAK,CAAA,EAClBC,kBAAiB,EACjB3B,aAAc,KAAK,CAAA,EACnB4B,kBAAmB,IAAI,CAAA,EACvBC,gBAAiBjE,UAAUkE,MAAM,CAAA,EACjCC,iBAAkBlE,gBAAgBmE,QAAQ,CAAA,EAC1CzB,YAAaU,kBAAiB,EAC9BgB,uBAAwB,KAAK,CAAA,EAC7BC,wBAAyB,KAAK,CAAA,EAC9BC,mBAAoB,IAAId,OAAM,EAC9Be,aAAc,KAAK,CAAA,EACnBC,sBAAuB,IAAI,CAAA,EAC3BpD,QAAO,EACPD,QAAO,EACPoB,aAAY,EACZI,cAAc8B,iBAAgB,EAC9BC,aAAc,IAAI,CAAA,EAClBC,mBAAkB,EAClBC,qBAAsBtB,2BAA0B,EAChDuB,iBAAkB,KAAK,CAAA,EACvBC,eAAgB,IAAI,CAAA,EACpBC,0BAA2B,KAAK,CAAA,EAChCC,iBAAkB,KAAK,CAAA,EACvBC,SAAUhF,yBAAwB,EAClCiF,MAAK,EACLC,YAAa,KAAK,CAAA,EAClBvC,MAAK,EACL,GAAGwC,aACJ,GAAGtD;IACJ,MAAMuD,WAAW7F,MAAM+B,MAAM,CAAY,IAAI;IAC7C,MAAM,CAACE,OAAO6D,SAAS9D,2BAA2BI,8BAA8B,GAAGP;IACnF,MAAM,CAACwB,cAAcE,eAAeG,iBAAiBF,iBAAiB,GAAGP,gBAAgB;QACvFC;QACAC,cAAc8B;QACd7B;IACF;IACA,MAAM,CAACb,MAAMwD,aAAa,GAAG1D,mBAAmBC;IAChD,MAAM0D,eAAe5E;QACJ4E;IAAjB,MAAMC,WAAWD,CAAAA,yBAAAA,yBAAAA,0BAAAA,KAAAA,IAAAA,aAAcC,QAAQ,cAAtBD,oCAAAA,yBAA0B1D,MAAM2D,QAAQ;IACzD,MAAMC,iBAAiBnF,MAAM;IAE7B,MAAMoF,oBAAoBnG,MAAMkC,WAAW,CACzC,CAACR,OAAoB,IAAI,GAAW;QAClC,IAAI0E;QAEJ,IAAIpD,gBAAgB;YAClB,IAAIO,iBAAiB7B,MAAM;gBACzB,+FAA+F;gBAC/F,+FAA+F;gBAC/F,mDAAmD;gBACnD,IAAI2B,gBAAgBH,cAAcA,WAAWxB,iBAAAA,kBAAAA,OAAQ2B,YAAY,MAAME,eAAe;oBACpF;gBACF,CAAC;gBACD7B,OAAOA,QAAQ0D,oBAAqB7B;gBAEpC,mDAAmD;gBACnD,IAAI,CAAC7B,QAAQ2E,MAAM3E,KAAK4E,OAAO,KAAK;oBAClC,yCAAyC;oBACzC5C,gBAAgBL;oBAChB+C,QAAQ;gBACV,OAAO;oBACL,IAAI3E,kBAAkBC,MAAMC,SAASC,UAAU;wBAC7CwE,QAAQ;oBACV,OAAO;wBACL1C,gBAAgBhC;oBAClB,CAAC;gBACH,CAAC;YACH,OAAO;gBACL,IAAIuE,UAAU;oBACZG,QAAQ;gBACV,CAAC;gBAEDnB,6BAAAA,8BAAAA,KAAAA,IAAAA,iBAAmBvD;YACrB,CAAC;QACH,OAAO,IAAIuE,YAAY,CAAC1C,eAAe;YACrC6C,QAAQ;QACV,CAAC;QAEDjB,+BAAAA,gCAAAA,KAAAA,IAAAA,mBAAqB;YAAEiB;QAAM;IAC/B,GACA;QACEpD;QACAE;QACAK;QACA3B;QACAD;QACAsD;QACAE;QACAC;QACAa;QACA5C;QACAK;KACD;IAGH,MAAMlB,UAAUxC,MAAMkC,WAAW,CAC/B,CAACqE,WAAsB;QACrBxD,yBAAAA,0BAAAA,KAAAA,IAAAA,aAAewD;QACfR,aAAaQ;QAEb,IAAI,CAAChE,QAAQ,CAACD,MAAMkE,QAAQ,EAAE;YAC5BvE;QACF,CAAC;IACH,GACA,uDAAuD;IACvD;QAACA;QAAOc;QAAcT,MAAMkE,QAAQ;QAAET;KAAa;IAGrD,MAAMU,yBAAyBzG,MAAMkC,WAAW,CAC9C,CAACwE,oBAA0C;QACzC,IAAInE,MAAM;YACRC,QAAQ,KAAK;YAEb2D,kBAAkBO;YAClB,IAAI,CAAC1D,kBAAkB0D,mBAAmB;gBACxChD,gBAAgBgD;YAClB,CAAC;QACH,CAAC;IACH,GACA;QAAC1D;QAAgBT;QAAMC;QAASkB;QAAiByC;KAAkB;IAGrE,MAAMQ,sBAAsB3G,MAAMkC,WAAW,CAAC,IAAY;QACxD,IAAI,CAACK,MAAM;YACTH;YACAI,QAAQ,IAAI;QACd,CAAC;IACH,GAAG;QAACD;QAAMH;QAA+BI;KAAQ;IAEjD;;GAEC,GACD,MAAMoE,oBAAoB5G,MAAMkC,WAAW,CACzC,CAACwE,oBAAmC;QAClCtE;QACAqE,uBAAuBC;IACzB,GACA;QAACD;QAAwBrE;KAA8B;IAGzD,MAAMyE,gBAAgB7G,MAAMkC,WAAW,CACrC,CAAC4E,IAAyCC,OAA4B;QACpE,MAAM,EAAE3D,OAAO4D,SAAQ,EAAE,GAAGD;QAE5B,IAAI/D,gBAAgB;YAClB,IAAIT,MAAM;gBACRkE;YACF,CAAC;YAEDjD,iBAAiBwD;QACnB,CAAC;IACH,GACA;QAAChE;QAAgByD;QAAwBlE;QAAMiB;KAAiB;IAGlE,MAAMyD,cAAyDjH,MAAMkC,WAAW,CAAC,IAAY;QAC3FiE;IACF,GAAG;QAACA;KAAkB;IAEtB,MAAMe,iBAAiBlH,MAAMkC,WAAW,CACtC,CAAC4E,KAA+C;QAC9C,OAAQA,GAAGK,GAAG;YACZ,KAAKjH;gBACH4G,GAAGM,cAAc;gBACjBN,GAAGO,eAAe;gBAClB,IAAI,CAAC9E,MAAM;oBACT4D;oBACAQ;gBACF,OAAO;oBACL,qDAAqD;oBACrD,yDAAyD;oBACzD,IAAIrE,MAAMU,cAAc,EAAE;wBACxByD;oBACF,CAAC;gBACH,CAAC;gBACD,KAAM;YAER,KAAKtG;gBACH2G,GAAGO,eAAe;gBAClBP,GAAGM,cAAc;gBACjB,IAAI7E,MAAM;oBACRqE;gBACF,CAAC;gBACD,KAAM;YAER,KAAK3G;gBACH6G,GAAGM,cAAc;gBACjB,IAAIN,GAAGQ,MAAM,IAAI,CAAC/E,MAAM;oBACtBoE;gBACF,CAAC;gBACD,KAAM;YAER;gBACE,KAAM;QACV;IACF,GACA;QAACC;QAAmBH;QAAwBlE;QAAMD,MAAMU,cAAc;QAAE2D;QAAqBR;KAAkB;IAGjH,MAAMoB,eAA0DvH,MAAMkC,WAAW,CAAC,IAAY;QAC5F,IAAIqC,kBAAkB;YACpB;QACF,CAAC;QAED,IAAI,CAACvB,gBAAgB;YACnB,IAAI,CAAChB,0BAA0BG,OAAO,EAAE;gBACtCwE;YACF,CAAC;YACD3E,0BAA0BG,OAAO,GAAG,KAAK;QAC3C,CAAC;IACH,GAAG;QAACa;QAAgBuB;QAAkBvC;QAA2B2E;KAAoB;IAErF,MAAMa,eAA0DxH,MAAMkC,WAAW,CAAC,IAAY;QAC5F,iGAAiG;QACjG,IAAI,AAACI,CAAAA,MAAM4C,WAAW,IAAI,CAAC5C,MAAMiC,gBAAgB,AAAD,KAAM,CAAChC,QAAQ,CAACD,MAAMkE,QAAQ,EAAE;YAC9EG;YACA;QACF,CAAC;QAED,IAAI3D,gBAAgB;YAClByD;QACF,CAAC;IACH,GAAG;QACDzD;QACAyD;QACAlE;QACAD,MAAMkE,QAAQ;QACdlE,MAAMiC,gBAAgB;QACtBjC,MAAM4C,WAAW;QACjByB;KACD;IAED,MAAMc,cAAc,CAACX,KAA4C;QAC/DA,GAAGO,eAAe;QAClB,IAAI,CAAC9E,QAAQ,CAACD,MAAMkE,QAAQ,EAAE;YAC5BG;QACF,OAAO,IAAIrE,MAAMU,cAAc,EAAE;YAC/ByD;QACF,CAAC;IACH;IAEA,MAAMiB,kBAA4C/B,aAC9C,cACAtB,aACA,mBACA,SAAS;IAEb,MAAM,CAACsD,mBAAmBC,SAAS,GAAGpG,oBAAoBc;IAC1D,MAAMuF,OAAOjH,iBAAiBgF,aAAa;QACzCK,UAAU,IAAI;QACd6B,cAAc;YACZC,YAAYL;YACZ,iBAAiBnF,OAAO2D,iBAAiB8B,SAAS;YAClD,iBAAiBzF;YACjB,iBAAiB;YACjB0F,4BAAc,oBAAC5H;gBAAqB6H,SAAST;;YAC7CU,UAAU,CAACnF;YACXoF,MAAM;QACR;IACF;IAEA,MAAMC,YAAYzH,iBAAiB0B,MAAMuF,IAAI,EAAE;QAC7C5B,UAAU,IAAI;QACd6B,cAAc;YACZ,aAAavF,OAAO2D,iBAAiB8B,SAAS;YAC9C7D,KAAKwD;QACP;IACF;IACAU,UAAUlE,GAAG,GAAGnD,cAAcqH,UAAUlE,GAAG,EAAEwD;IAC7CE,KAAKA,IAAI,GAAGQ;IAEZ,MAAMC,iBAAiB1H,iBAAiB0B,MAAMiG,KAAK,EAAE;QAAEtC,UAAU,IAAI;IAAC;IACtEqC,eAAenE,GAAG,GAAGnD,cAAcsH,eAAenE,GAAG,EAAEA,KAAK2B;IAC5D+B,KAAKU,KAAK,GAAGD;IAEbT,KAAKW,QAAQ,GAAG1H,iBAAiBH,eAAekH,KAAKW,QAAQ,EAAE3B;IAC/DgB,KAAKY,MAAM,GAAG3H,iBAAiBH,eAAekH,KAAKY,MAAM,EAAExB;IAC3DY,KAAKa,SAAS,GAAG5H,iBAAiBH,eAAekH,KAAKa,SAAS,EAAExB;IACjEW,KAAKc,OAAO,GAAG7H,iBAAiBH,eAAekH,KAAKc,OAAO,EAAEpB;IAC7DM,KAAKK,OAAO,GAAGpH,iBAAiBH,eAAekH,KAAKK,OAAO,EAAEV;IAE7D,MAAM,EAAEoB,gBAAe,EAAE,GAAGrH,mBAAmB;QAAEsH,WAAW,IAAI;QAAEC,iBAAiB,IAAI;QAAEC,iBAAiB,KAAK;IAAC;IAChH,MAAMC,eAAezG,OACjB3B,iBAAiB0B,MAAM0G,YAAY,EAAE;QACnC/C,UAAU,IAAI;QACd6B,cAAc;YACZ,cAAc;YACd,cAAc,IAAI;YAClBmB,IAAI/C;YACJkC,MAAM;YACNjE,KAAKyD;YACL,GAAGgB,eAAe;QACpB;IACF,KACAZ,SAAS;IAEb,MAAM,EAAEkB,eAAc,EAAE,GAAG5H;IAC3BL,kBAAkB;QAChBkI,SAASD;QACTE,UAAUtC,CAAAA,KAAML;QAChB4C,MAAM;YAAC1B;YAAmBC;SAAS;QACnCpB,UAAU,CAACjE;IACb;IAEArB,mBAAmB;QACjBiI,SAASD;QACTE,UAAUtC,CAAAA,KAAML;QAChB4C,MAAM;YAAC1B;YAAmBC;SAAS;QACnCpB,UAAU,CAACjE;IACb;IAEA,6DAA6D;IAC7D,+GAA+G;IAC/G,kBAAkB;IAClBvC,MAAM8C,SAAS,CAAC,IAAM;QACpB,IAAIP,QAAQ,CAACD,MAAMkE,QAAQ,IAAIX,SAAS1D,OAAO,EAAE;YAC/C0D,SAAS1D,OAAO,CAACF,KAAK;QACxB,CAAC;IACH,GAAG;QAACsC;QAAkBhC;QAAMD,MAAMkE,QAAQ;KAAC;IAE3C,MAAM8C,oBAAoB1I,iBAAiB0B,MAAMuD,QAAQ,EAAE;QACzDI,UAAU,IAAI;QACd6B,cAAc;YACZ1D;YACAmF,cAAc1D;YACdvB;YACAE;YACAE;YACAE;YACAC;YACAG;YACApD;YACAD;YACA0D;YACAC;YACAC;YACAC;YACAC;YACAC;YACAtC,OAAOC,gBAAgByB;QACzB;IACF;IAEAwE,kBAAkBE,SAAS,GAAG1I,iBAAiBH,eAAe2I,kBAAkBE,SAAS,EAAE5C;IAC3F0C,kBAAkBnG,YAAY,GAAGrC,iBAAiBH,eAAe2I,kBAAkBnG,YAAY,EAAEyD;IAEjG,MAAMhE,QAAyB;QAC7B4D,UAAU,CAAC,CAAClE,MAAMkE,QAAQ;QAC1BzB;QAEA0E,YAAY;YACV5B,MAAMnH;YACNmF,UAAUzF;YACV4I,cAAc;QAChB;QAEAnD,UAAUyD;QACVzB;QACAmB;IACF;IAEApG,MAAMiF,IAAI,CAACzE,KAAK,GAAGG;IAEnB,OAAOX;AACT,EAAE"}

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.ts"],"sourcesContent":["export { AnimationDirection } from './Calendar';\nexport type { CalendarProps, ICalendar } from './Calendar';\n\nexport type { CalendarDayProps, ICalendarDay } from './CalendarDay';\n\nexport type { CalendarMonthProps, ICalendarMonth } from './CalendarMonth';\n\nexport {\n  DatePicker,\n  datePickerClassNames,\n  defaultDatePickerErrorStrings,\n  defaultDatePickerStrings,\n  renderDatePicker_unstable,\n  useDatePicker_unstable,\n  useDatePickerStyles_unstable,\n} from './DatePicker';\nexport type { DatePickerErrorType, DatePickerProps, DatePickerValidationResultData, IDatePicker } from './DatePicker';\n\nexport {\n  DAYS_IN_WEEK,\n  DateRangeType,\n  DayOfWeek,\n  FirstWeekOfYear,\n  MonthOfYear,\n  TimeConstants,\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  compareDatePart,\n  compareDates,\n  getDatePartHashValue,\n  getDateRangeArray,\n  getEndDateOfWeek,\n  getMonthEnd,\n  getMonthStart,\n  getStartDateOfWeek,\n  getWeekNumber,\n  getWeekNumbersInMonth,\n  getYearEnd,\n  getYearStart,\n  isInDateRangeArray,\n  setMonth,\n} from './utils';\nexport type { CalendarStrings, DateFormatting, DateGridStrings } from './utils';\n"],"names":["AnimationDirection","DatePicker","datePickerClassNames","defaultDatePickerErrorStrings","defaultDatePickerStrings","renderDatePicker_unstable","useDatePicker_unstable","useDatePickerStyles_unstable","DAYS_IN_WEEK","DateRangeType","DayOfWeek","FirstWeekOfYear","MonthOfYear","TimeConstants","addDays","addMonths","addWeeks","addYears","compareDatePart","compareDates","getDatePartHashValue","getDateRangeArray","getEndDateOfWeek","getMonthEnd","getMonthStart","getStartDateOfWeek","getWeekNumber","getWeekNumbersInMonth","getYearEnd","getYearStart","isInDateRangeArray","setMonth"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,aAAa;AAOhD,SACEC,UAAU,EACVC,oBAAoB,EACpBC,6BAA6B,EAC7BC,wBAAwB,EACxBC,yBAAyB,EACzBC,sBAAsB,EACtBC,4BAA4B,QACvB,eAAe;AAGtB,SACEC,YAAY,EACZC,aAAa,EACbC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,oBAAoB,EACpBC,iBAAiB,EACjBC,gBAAgB,EAChBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,kBAAkB,EAClBC,QAAQ,QACH,UAAU"}
+{"version":3,"sources":["index.ts"],"sourcesContent":["export { AnimationDirection } from './Calendar';\nexport type { CalendarProps, ICalendar } from './Calendar';\n\nexport type { CalendarDayProps, ICalendarDay } from './CalendarDay';\n\nexport type { CalendarMonthProps, ICalendarMonth } from './CalendarMonth';\n\nexport {\n  DatePicker,\n  datePickerClassNames,\n  defaultDatePickerErrorStrings,\n  defaultDatePickerStrings,\n  renderDatePicker_unstable,\n  useDatePicker_unstable,\n  useDatePickerStyles_unstable,\n} from './DatePicker';\nexport type { DatePickerErrorType, DatePickerProps, DatePickerValidationResultData } from './DatePicker';\n\nexport {\n  DAYS_IN_WEEK,\n  DateRangeType,\n  DayOfWeek,\n  FirstWeekOfYear,\n  MonthOfYear,\n  TimeConstants,\n  addDays,\n  addMonths,\n  addWeeks,\n  addYears,\n  compareDatePart,\n  compareDates,\n  getDatePartHashValue,\n  getDateRangeArray,\n  getEndDateOfWeek,\n  getMonthEnd,\n  getMonthStart,\n  getStartDateOfWeek,\n  getWeekNumber,\n  getWeekNumbersInMonth,\n  getYearEnd,\n  getYearStart,\n  isInDateRangeArray,\n  setMonth,\n} from './utils';\nexport type { CalendarStrings, DateFormatting, DateGridStrings } from './utils';\n"],"names":["AnimationDirection","DatePicker","datePickerClassNames","defaultDatePickerErrorStrings","defaultDatePickerStrings","renderDatePicker_unstable","useDatePicker_unstable","useDatePickerStyles_unstable","DAYS_IN_WEEK","DateRangeType","DayOfWeek","FirstWeekOfYear","MonthOfYear","TimeConstants","addDays","addMonths","addWeeks","addYears","compareDatePart","compareDates","getDatePartHashValue","getDateRangeArray","getEndDateOfWeek","getMonthEnd","getMonthStart","getStartDateOfWeek","getWeekNumber","getWeekNumbersInMonth","getYearEnd","getYearStart","isInDateRangeArray","setMonth"],"mappings":"AAAA,SAASA,kBAAkB,QAAQ,aAAa;AAOhD,SACEC,UAAU,EACVC,oBAAoB,EACpBC,6BAA6B,EAC7BC,wBAAwB,EACxBC,yBAAyB,EACzBC,sBAAsB,EACtBC,4BAA4B,QACvB,eAAe;AAGtB,SACEC,YAAY,EACZC,aAAa,EACbC,SAAS,EACTC,eAAe,EACfC,WAAW,EACXC,aAAa,EACbC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,eAAe,EACfC,YAAY,EACZC,oBAAoB,EACpBC,iBAAiB,EACjBC,gBAAgB,EAChBC,WAAW,EACXC,aAAa,EACbC,kBAAkB,EAClBC,aAAa,EACbC,qBAAqB,EACrBC,UAAU,EACVC,YAAY,EACZC,kBAAkB,EAClBC,QAAQ,QACH,UAAU"}

package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js

@@ -169,6 +169,25 @@ const useGoTodayButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
         Jwef8y: "f9ql6rf",
         Bi91k9c: "f1f1pb61",
         eoavqd: "f8491dx",
+        Bv57zgv: "fq3vqfz",
+        Bnosqey: "f7lk14",
+        Bx7pl5v: "f1awoz4y",
+        B23s7e0: [
+            "f1q1rlij",
+            "f1txf70x"
+        ],
+        knvgbf: [
+            "f1txf70x",
+            "f1q1rlij"
+        ],
+        B3ons6i: [
+            "fduk3fc",
+            "fw6hbk1"
+        ],
+        Be8uuq8: [
+            "fw6hbk1",
+            "fduk3fc"
+        ],
         B2d53fq: "fc9d3oc",
         Dyrjrp: "f1cqwcg4",
         Be90el1: "fmjaa5u"
@@ -206,6 +225,50 @@ const useGoTodayButtonStyles = /*#__PURE__*/ (0, _react["__styles"])({
         ".f1f1pb61:hover{color:var(--colorBrandForeground1);}",
         ".f8491dx:hover{cursor:pointer;}",
         ".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}"
+    ],
+    m: [
+        [
+            "@media (forced-colors: active){.fq3vqfz:hover{outline-width:var(--strokeWidthThin);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f7lk14:hover{outline-style:solid;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1awoz4y:hover{outline-color:ButtonText;}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1q1rlij:hover{border-bottom-right-radius:var(--borderRadiusSmall);}.f1txf70x:hover{border-bottom-left-radius:var(--borderRadiusSmall);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.f1q1rlij:hover{border-bottom-right-radius:var(--borderRadiusSmall);}.f1txf70x:hover{border-bottom-left-radius:var(--borderRadiusSmall);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fduk3fc:hover{border-top-right-radius:var(--borderRadiusSmall);}.fw6hbk1:hover{border-top-left-radius:var(--borderRadiusSmall);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ],
+        [
+            "@media (forced-colors: active){.fduk3fc:hover{border-top-right-radius:var(--borderRadiusSmall);}.fw6hbk1:hover{border-top-left-radius:var(--borderRadiusSmall);}}",
+            {
+                m: "(forced-colors: active)"
+            }
+        ]
     ]
 });
 const useLiveRegionStyles = /*#__PURE__*/ (0, _react["__styles"])({

package/lib-commonjs/components/Calendar/useCalendarStyles.styles.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */\nexport const calendarClassNames = {\n  root: 'fui-Calendar',\n  divider: 'fui-Calendar__divider',\n  goTodayButton: 'fui-Calendar__goTodayButton',\n  monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n  liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    a9b677: \"f13dwy2t\"\n  },\n  normalize: {\n    E5pizo: \"f1couhl3\",\n    B7ck84d: \"f1ewtqcl\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  monthPickerNotVisible: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  dayAndMonthPickersVisible: {\n    a9b677: \"fcy5b15\"\n  },\n  dayPickerVisibleAndWeekNumbersShown: {\n    a9b677: \"fhsg0in\"\n  },\n  dayAndMonthPickersVisibleAndWeekNumbersShown: {\n    a9b677: \"fcarq7f\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f13dwy2t{width:220px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fcy5b15{width:440px;}\", \".fhsg0in{width:250px;}\", \".fcarq7f{width:470px;}\"]\n});\nconst useDividerStyles = /*#__PURE__*/__styles({\n  base: {\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"],\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    Bhzewxz: \"f15twtuk\"\n  }\n}, {\n  d: [\".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f15twtuk{top:0;}\"]\n});\nconst useMonthPickerWrapperStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\nconst useGoTodayButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    qb2dma: \"fpydfdc\",\n    De3pzq: \"f1c21dwh\",\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    B5kzvoi: \"f1yab3r1\",\n    B7ck84d: \"f1e4lqlz\",\n    sj55zd: \"f19n0e5\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fy9rknc\",\n    Bqenvij: \"f1tvdnth\",\n    Bg96gwp: \"fpfng1i\",\n    t21cq0: [\"f17vyym1\", \"fb5scp\"],\n    B6of3ja: \"f4gg0ds\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f8wuabp\", \"fycuoez\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fycuoez\", \"f8wuabp\"],\n    seuwu7: \"fvy6vk6\",\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"f1f1pb61\",\n    eoavqd: \"f8491dx\",\n    B2d53fq: \"fc9d3oc\",\n    Dyrjrp: \"f1cqwcg4\",\n    Be90el1: \"fmjaa5u\"\n  }\n}, {\n  d: [\".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1yab3r1{bottom:0;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f1tvdnth{height:30px;}\", \".fpfng1i{line-height:30px;}\", \".f17vyym1{margin-right:16px;}\", \".fb5scp{margin-left:16px;}\", \".f4gg0ds{margin-top:3px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".fvy6vk6 div{font-size:var(--fontSizeBase200);}\", \".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}\", \".fmjaa5u:disabled{pointer-events:none;}\"],\n  h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f1f1pb61:hover{color:var(--colorBrandForeground1);}\", \".f8491dx:hover{cursor:pointer;}\", \".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}\"]\n});\nconst useLiveRegionStyles = /*#__PURE__*/__styles({\n  base: {\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    Bqenvij: \"f1mpe4l3\",\n    B6of3ja: \"fkrn0sh\",\n    t21cq0: [\"f179hvsh\", \"f1538868\"],\n    jrapky: \"fmxx68s\",\n    Frg6f3: [\"f1538868\", \"f179hvsh\"],\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"frkrog8\"\n  }\n}, {\n  d: [\".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1mpe4l3{height:1px;}\", \".fkrn0sh{margin-top:-1px;}\", \".f179hvsh{margin-right:-1px;}\", \".f1538868{margin-left:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1euv43f{position:absolute;}\", \".frkrog8{width:1px;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */\nexport const useCalendarStyles_unstable = props => {\n  const rootStyles = useRootStyles();\n  const dividerStyles = useDividerStyles();\n  const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n  const goTodayButtonStyles = useGoTodayButtonStyles();\n  const liveRegionStyles = useLiveRegionStyles();\n  const {\n    className,\n    isDayPickerVisible,\n    isMonthPickerVisible,\n    showWeekNumbers\n  } = props;\n  return {\n    root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n    divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n    monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n    goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n    liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n  };\n};\n//# sourceMappingURL=useCalendarStyles.styles.js.map"],"names":["calendarClassNames","useCalendarStyles_unstable","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","__styles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","B2d53fq","Dyrjrp","Be90el1","h","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers","mergeClasses"],"mappings":"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"}
+{"version":3,"sources":["useCalendarStyles.styles.js"],"sourcesContent":["import { tokens } from '@fluentui/react-theme';\nimport { __styles, mergeClasses, shorthands } from '@griffel/react';\n/**\n * @internal\n */\nexport const calendarClassNames = {\n  root: 'fui-Calendar',\n  divider: 'fui-Calendar__divider',\n  goTodayButton: 'fui-Calendar__goTodayButton',\n  monthPickerWrapper: 'fui-Calendar__monthPickerWrapper',\n  liveRegion: 'fui-Calendar__liveRegion'\n};\nconst useRootStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    a9b677: \"f13dwy2t\"\n  },\n  normalize: {\n    E5pizo: \"f1couhl3\",\n    B7ck84d: \"f1ewtqcl\",\n    B6of3ja: \"f1hu3pq6\",\n    t21cq0: [\"f11qmguv\", \"f1tyq0we\"],\n    jrapky: \"f19f4twv\",\n    Frg6f3: [\"f1tyq0we\", \"f11qmguv\"],\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"]\n  },\n  monthPickerNotVisible: {\n    Beiy3e4: \"f1vx9l62\"\n  },\n  dayAndMonthPickersVisible: {\n    a9b677: \"fcy5b15\"\n  },\n  dayPickerVisibleAndWeekNumbersShown: {\n    a9b677: \"fhsg0in\"\n  },\n  dayAndMonthPickersVisibleAndWeekNumbersShown: {\n    a9b677: \"fcarq7f\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f13dwy2t{width:220px;}\", \".f1couhl3{box-shadow:none;}\", \".f1ewtqcl{box-sizing:border-box;}\", \".f1hu3pq6{margin-top:0;}\", \".f11qmguv{margin-right:0;}\", \".f1tyq0we{margin-left:0;}\", \".f19f4twv{margin-bottom:0;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\", \".fcy5b15{width:440px;}\", \".fhsg0in{width:250px;}\", \".fcarq7f{width:470px;}\"]\n});\nconst useDividerStyles = /*#__PURE__*/__styles({\n  base: {\n    g2u3we: \"f68mrw8\",\n    h3c5rm: [\"f7pw515\", \"fw35ms5\"],\n    B9xav0g: \"frpde29\",\n    zhjwy3: [\"fw35ms5\", \"f7pw515\"],\n    Bekrc4i: [\"f1hqa2wf\", \"finvdd3\"],\n    vrafjx: [\"fcdblym\", \"fjik90z\"],\n    Bhzewxz: \"f15twtuk\"\n  }\n}, {\n  d: [\".f68mrw8{border-top-color:var(--colorNeutralStroke2);}\", \".f7pw515{border-right-color:var(--colorNeutralStroke2);}\", \".fw35ms5{border-left-color:var(--colorNeutralStroke2);}\", \".frpde29{border-bottom-color:var(--colorNeutralStroke2);}\", \".f1hqa2wf{border-right-width:1px;}\", \".finvdd3{border-left-width:1px;}\", \".fcdblym{border-right-style:solid;}\", \".fjik90z{border-left-style:solid;}\", \".f15twtuk{top:0;}\"]\n});\nconst useMonthPickerWrapperStyles = /*#__PURE__*/__styles({\n  base: {\n    mc9l5x: \"f22iagw\",\n    Beiy3e4: \"f1vx9l62\"\n  }\n}, {\n  d: [\".f22iagw{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}\", \".f1vx9l62{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}\"]\n});\nconst useGoTodayButtonStyles = /*#__PURE__*/__styles({\n  base: {\n    qb2dma: \"fpydfdc\",\n    De3pzq: \"f1c21dwh\",\n    icvyot: \"f1ern45e\",\n    vrafjx: [\"f1n71otn\", \"f1deefiw\"],\n    oivjwe: \"f1h8hb77\",\n    wvpqe5: [\"f1deefiw\", \"f1n71otn\"],\n    B5kzvoi: \"f1yab3r1\",\n    B7ck84d: \"f1e4lqlz\",\n    sj55zd: \"f19n0e5\",\n    Bahqtrf: \"f1mo0ibp\",\n    Be2twd7: \"fy9rknc\",\n    Bqenvij: \"f1tvdnth\",\n    Bg96gwp: \"fpfng1i\",\n    t21cq0: [\"f17vyym1\", \"fb5scp\"],\n    B6of3ja: \"f4gg0ds\",\n    B68tc82: \"f1mtd64y\",\n    Bmxbyg5: \"f1y7q3j9\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"f8wuabp\", \"fycuoez\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"fycuoez\", \"f8wuabp\"],\n    seuwu7: \"fvy6vk6\",\n    Jwef8y: \"f9ql6rf\",\n    Bi91k9c: \"f1f1pb61\",\n    eoavqd: \"f8491dx\",\n    Bv57zgv: \"fq3vqfz\",\n    Bnosqey: \"f7lk14\",\n    Bx7pl5v: \"f1awoz4y\",\n    B23s7e0: [\"f1q1rlij\", \"f1txf70x\"],\n    knvgbf: [\"f1txf70x\", \"f1q1rlij\"],\n    B3ons6i: [\"fduk3fc\", \"fw6hbk1\"],\n    Be8uuq8: [\"fw6hbk1\", \"fduk3fc\"],\n    B2d53fq: \"fc9d3oc\",\n    Dyrjrp: \"f1cqwcg4\",\n    Be90el1: \"fmjaa5u\"\n  }\n}, {\n  d: [\".fpydfdc{-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;}\", \".f1c21dwh{background-color:var(--colorTransparentBackground);}\", \".f1ern45e{border-top-style:none;}\", \".f1n71otn{border-right-style:none;}\", \".f1deefiw{border-left-style:none;}\", \".f1h8hb77{border-bottom-style:none;}\", \".f1yab3r1{bottom:0;}\", \".f1e4lqlz{box-sizing:content-box;}\", \".f19n0e5{color:var(--colorNeutralForeground1);}\", \".f1mo0ibp{font-family:inherit;}\", \".fy9rknc{font-size:var(--fontSizeBase200);}\", \".f1tvdnth{height:30px;}\", \".fpfng1i{line-height:30px;}\", \".f17vyym1{margin-right:16px;}\", \".fb5scp{margin-left:16px;}\", \".f4gg0ds{margin-top:3px;}\", \".f1mtd64y{overflow-x:visible;}\", \".f1y7q3j9{overflow-y:visible;}\", \".f1g0x7ka{padding-top:0;}\", \".f8wuabp{padding-right:4px;}\", \".fycuoez{padding-left:4px;}\", \".f1qch9an{padding-bottom:0;}\", \".fvy6vk6 div{font-size:var(--fontSizeBase200);}\", \".f1cqwcg4:disabled{color:var(--colorNeutralForegroundDisabled);}\", \".fmjaa5u:disabled{pointer-events:none;}\"],\n  h: [\".f9ql6rf:hover{background-color:var(--colorTransparentBackground);}\", \".f1f1pb61:hover{color:var(--colorBrandForeground1);}\", \".f8491dx:hover{cursor:pointer;}\", \".fc9d3oc:hover:active{color:var(--colorBrandForeground2);}\"],\n  m: [[\"@media (forced-colors: active){.fq3vqfz:hover{outline-width:var(--strokeWidthThin);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f7lk14:hover{outline-style:solid;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1awoz4y:hover{outline-color:ButtonText;}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1q1rlij:hover{border-bottom-right-radius:var(--borderRadiusSmall);}.f1txf70x:hover{border-bottom-left-radius:var(--borderRadiusSmall);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.f1q1rlij:hover{border-bottom-right-radius:var(--borderRadiusSmall);}.f1txf70x:hover{border-bottom-left-radius:var(--borderRadiusSmall);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fduk3fc:hover{border-top-right-radius:var(--borderRadiusSmall);}.fw6hbk1:hover{border-top-left-radius:var(--borderRadiusSmall);}}\", {\n    m: \"(forced-colors: active)\"\n  }], [\"@media (forced-colors: active){.fduk3fc:hover{border-top-right-radius:var(--borderRadiusSmall);}.fw6hbk1:hover{border-top-left-radius:var(--borderRadiusSmall);}}\", {\n    m: \"(forced-colors: active)\"\n  }]]\n});\nconst useLiveRegionStyles = /*#__PURE__*/__styles({\n  base: {\n    B4j52fo: \"fre7gi1\",\n    Bekrc4i: [\"f1358rze\", \"f1rvrf73\"],\n    Bn0qgzm: \"fqdk4by\",\n    ibv6hh: [\"f1rvrf73\", \"f1358rze\"],\n    Bqenvij: \"f1mpe4l3\",\n    B6of3ja: \"fkrn0sh\",\n    t21cq0: [\"f179hvsh\", \"f1538868\"],\n    jrapky: \"fmxx68s\",\n    Frg6f3: [\"f1538868\", \"f179hvsh\"],\n    B68tc82: \"f1p9o1ba\",\n    Bmxbyg5: \"f1sil6mw\",\n    z8tnut: \"f1g0x7ka\",\n    z189sj: [\"fhxju0i\", \"f1cnd47f\"],\n    Byoj8tv: \"f1qch9an\",\n    uwmqm3: [\"f1cnd47f\", \"fhxju0i\"],\n    qhf8xq: \"f1euv43f\",\n    a9b677: \"frkrog8\"\n  }\n}, {\n  d: [\".fre7gi1{border-top-width:0;}\", \".f1358rze{border-right-width:0;}\", \".f1rvrf73{border-left-width:0;}\", \".fqdk4by{border-bottom-width:0;}\", \".f1mpe4l3{height:1px;}\", \".fkrn0sh{margin-top:-1px;}\", \".f179hvsh{margin-right:-1px;}\", \".f1538868{margin-left:-1px;}\", \".fmxx68s{margin-bottom:-1px;}\", \".f1p9o1ba{overflow-x:hidden;}\", \".f1sil6mw{overflow-y:hidden;}\", \".f1g0x7ka{padding-top:0;}\", \".fhxju0i{padding-right:0;}\", \".f1cnd47f{padding-left:0;}\", \".f1qch9an{padding-bottom:0;}\", \".f1euv43f{position:absolute;}\", \".frkrog8{width:1px;}\"]\n});\n/**\n * @internal\n *\n * Apply styling to the Calendar slots based on the state\n */\nexport const useCalendarStyles_unstable = props => {\n  const rootStyles = useRootStyles();\n  const dividerStyles = useDividerStyles();\n  const monthPickerWrapperStyles = useMonthPickerWrapperStyles();\n  const goTodayButtonStyles = useGoTodayButtonStyles();\n  const liveRegionStyles = useLiveRegionStyles();\n  const {\n    className,\n    isDayPickerVisible,\n    isMonthPickerVisible,\n    showWeekNumbers\n  } = props;\n  return {\n    root: mergeClasses(calendarClassNames.root, rootStyles.base, rootStyles.normalize, !isMonthPickerVisible && rootStyles.monthPickerNotVisible, isDayPickerVisible && isMonthPickerVisible && !showWeekNumbers && rootStyles.dayAndMonthPickersVisible, isDayPickerVisible && !isMonthPickerVisible && showWeekNumbers && rootStyles.dayPickerVisibleAndWeekNumbersShown, isDayPickerVisible && isMonthPickerVisible && showWeekNumbers && rootStyles.dayAndMonthPickersVisibleAndWeekNumbersShown, className),\n    divider: mergeClasses(calendarClassNames.divider, dividerStyles.base),\n    monthPickerWrapper: mergeClasses(calendarClassNames.monthPickerWrapper, monthPickerWrapperStyles.base),\n    goTodayButton: mergeClasses(calendarClassNames.goTodayButton, goTodayButtonStyles.base),\n    liveRegion: mergeClasses(calendarClassNames.liveRegion, liveRegionStyles.base)\n  };\n};\n//# sourceMappingURL=useCalendarStyles.styles.js.map"],"names":["calendarClassNames","useCalendarStyles_unstable","root","divider","goTodayButton","monthPickerWrapper","liveRegion","useRootStyles","__styles","base","mc9l5x","a9b677","normalize","E5pizo","B7ck84d","B6of3ja","t21cq0","jrapky","Frg6f3","z8tnut","z189sj","Byoj8tv","uwmqm3","monthPickerNotVisible","Beiy3e4","dayAndMonthPickersVisible","dayPickerVisibleAndWeekNumbersShown","dayAndMonthPickersVisibleAndWeekNumbersShown","d","useDividerStyles","g2u3we","h3c5rm","B9xav0g","zhjwy3","Bekrc4i","vrafjx","Bhzewxz","useMonthPickerWrapperStyles","useGoTodayButtonStyles","qb2dma","De3pzq","icvyot","oivjwe","wvpqe5","B5kzvoi","sj55zd","Bahqtrf","Be2twd7","Bqenvij","Bg96gwp","B68tc82","Bmxbyg5","seuwu7","Jwef8y","Bi91k9c","eoavqd","Bv57zgv","Bnosqey","Bx7pl5v","B23s7e0","knvgbf","B3ons6i","Be8uuq8","B2d53fq","Dyrjrp","Be90el1","h","m","useLiveRegionStyles","B4j52fo","Bn0qgzm","ibv6hh","qhf8xq","props","rootStyles","dividerStyles","monthPickerWrapperStyles","goTodayButtonStyles","liveRegionStyles","className","isDayPickerVisible","isMonthPickerVisible","showWeekNumbers","mergeClasses"],"mappings":"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"}

package/lib-commonjs/components/DatePicker/DatePicker.types.js

@@ -2,5 +2,3 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
-const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));

package/lib-commonjs/components/DatePicker/DatePicker.types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePicker.types.js"],"sourcesContent":["import * as React from 'react';\n"],"names":[],"mappings":";;;;;6DAAuB"}
+{"version":3,"sources":[],"names":[],"mappings":""}

package/lib-commonjs/components/DatePicker/useDatePicker.js

@@ -25,13 +25,13 @@ function isDateOutOfBounds(date, minDate, maxDate) {
 function useFocusLogic() {
     const inputRef = _react.useRef(null);
     const preventFocusOpeningPicker = _react.useRef(false);
-    const focus = ()=>{
+    const focus = _react.useCallback(()=>{
         var _inputRef_current, _inputRef_current_focus;
         (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);
-    };
-    const preventNextFocusOpeningPicker = ()=>{
+    }, []);
+    const preventNextFocusOpeningPicker = _react.useCallback(()=>{
         preventFocusOpeningPicker.current = true;
-    };
+    }, []);
     return [
         focus,
         inputRef,
@@ -156,8 +156,13 @@ const useDatePicker_unstable = (props, ref)=>{
     const setOpen = _react.useCallback((newState)=>{
         onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newState);
         setOpenState(newState);
+        if (!open && !props.disabled) {
+            focus();
+        }
     }, [
+        focus,
         onOpenChange,
+        props.disabled,
         setOpenState
     ]);
     const dismissDatePickerPopup = _react.useCallback((newlySelectedDate)=>{
@@ -297,7 +302,7 @@ const useDatePicker_unstable = (props, ref)=>{
     };
     const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';
     const [triggerWrapperRef, popupRef] = (0, _usePopupPositioning.usePopupPositioning)(props);
-    const rootShorthand = (0, _reactUtilities.resolveShorthand)(restOfProps, {
+    const root = (0, _reactUtilities.resolveShorthand)(restOfProps, {
         required: true,
         defaultProps: {
             appearance: inputAppearance,
@@ -308,27 +313,34 @@ const useDatePicker_unstable = (props, ref)=>{
                 onClick: onIconClick
             }),
             readOnly: !allowTextInput,
-            role: 'combobox',
-            root: {
-                'aria-owns': open ? popupSurfaceId : undefined,
-                ref: (0, _reactUtilities.useMergedRefs)(triggerWrapperRef, ref)
-            },
-            input: {
-                ref: rootRef
-            }
+            role: 'combobox'
+        }
+    });
+    const inputRoot = (0, _reactUtilities.resolveShorthand)(props.root, {
+        required: true,
+        defaultProps: {
+            'aria-owns': open ? popupSurfaceId : undefined,
+            ref: triggerWrapperRef
         }
     });
-    rootShorthand.onChange = (0, _reactUtilities.mergeCallbacks)(rootShorthand.onChange, onInputChange);
-    rootShorthand.onBlur = (0, _reactUtilities.mergeCallbacks)(rootShorthand.onBlur, onInputBlur);
-    rootShorthand.onKeyDown = (0, _reactUtilities.mergeCallbacks)(rootShorthand.onKeyDown, onInputKeyDown);
-    rootShorthand.onFocus = (0, _reactUtilities.mergeCallbacks)(rootShorthand.onFocus, onInputFocus);
-    rootShorthand.onClick = (0, _reactUtilities.mergeCallbacks)(rootShorthand.onClick, onInputClick);
+    inputRoot.ref = (0, _reactUtilities.useMergedRefs)(inputRoot.ref, triggerWrapperRef);
+    root.root = inputRoot;
+    const inputShorthand = (0, _reactUtilities.resolveShorthand)(props.input, {
+        required: true
+    });
+    inputShorthand.ref = (0, _reactUtilities.useMergedRefs)(inputShorthand.ref, ref, rootRef);
+    root.input = inputShorthand;
+    root.onChange = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(root.onChange, onInputChange));
+    root.onBlur = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(root.onBlur, onInputBlur));
+    root.onKeyDown = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(root.onKeyDown, onInputKeyDown));
+    root.onFocus = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(root.onFocus, onInputFocus));
+    root.onClick = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(root.onClick, onInputClick));
     const { modalAttributes  } = (0, _reactTabster.useModalAttributes)({
         trapFocus: true,
         alwaysFocusable: true,
         legacyTrapFocus: false
     });
-    const popupSurfaceShorthand = open ? (0, _reactUtilities.resolveShorthand)(props.popupSurface, {
+    const popupSurface = open ? (0, _reactUtilities.resolveShorthand)(props.popupSurface, {
         required: true,
         defaultProps: {
             'aria-label': 'Calendar',
@@ -370,19 +382,6 @@ const useDatePicker_unstable = (props, ref)=>{
         open,
         props.disabled
     ]);
-    const isFirstMount = (0, _reactUtilities.useFirstMount)();
-    // When the popup is closed, focus should go back to the input.
-    _react.useEffect(()=>{
-        if (!open && !props.disabled && !isFirstMount) {
-            focus();
-        }
-    // Focus function keeps changing, so we need to skip it in the deps
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [
-        isFirstMount,
-        open,
-        props.disabled
-    ]);
     const calendarShorthand = (0, _reactUtilities.resolveShorthand)(props.calendar, {
         required: true,
         defaultProps: {
@@ -405,21 +404,8 @@ const useDatePicker_unstable = (props, ref)=>{
             value: selectedDate || initialPickerDate
         }
     });
-    calendarShorthand.onDismiss = (0, _reactUtilities.mergeCallbacks)(calendarShorthand.onDismiss, calendarDismissed);
-    calendarShorthand.onSelectDate = (0, _reactUtilities.mergeCallbacks)(calendarShorthand.onSelectDate, calendarDismissed);
-    _react.useImperativeHandle(props.componentRef, ()=>({
-            focus,
-            reset () {
-                setOpen(false);
-                setSelectedDate(null);
-            },
-            showDatePickerPopup
-        }), [
-        focus,
-        setOpen,
-        setSelectedDate,
-        showDatePickerPopup
-    ]);
+    calendarShorthand.onDismiss = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(calendarShorthand.onDismiss, calendarDismissed));
+    calendarShorthand.onSelectDate = (0, _reactUtilities.useEventCallback)((0, _reactUtilities.mergeCallbacks)(calendarShorthand.onSelectDate, calendarDismissed));
     const state = {
         disabled: !!props.disabled,
         inlinePopup,
@@ -429,8 +415,8 @@ const useDatePicker_unstable = (props, ref)=>{
             popupSurface: 'div'
         },
         calendar: calendarShorthand,
-        root: rootShorthand,
-        popupSurface: popupSurfaceShorthand
+        root,
+        popupSurface
     };
     state.root.value = formattedDate;
     return state;

package/lib-commonjs/components/DatePicker/useDatePicker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["useDatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport { mergeCallbacks, resolveShorthand, useControllableState, useFirstMount, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';\nimport { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopupPositioning } from '../../utils/usePopupPositioning';\nfunction isDateOutOfBounds(date, minDate, maxDate) {\n    return !!minDate && compareDatePart(minDate, date) > 0 || !!maxDate && compareDatePart(maxDate, date) < 0;\n}\nfunction useFocusLogic() {\n    const inputRef = React.useRef(null);\n    const preventFocusOpeningPicker = React.useRef(false);\n    const focus = ()=>{\n        var _inputRef_current, _inputRef_current_focus;\n        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);\n    };\n    const preventNextFocusOpeningPicker = ()=>{\n        preventFocusOpeningPicker.current = true;\n    };\n    return [\n        focus,\n        inputRef,\n        preventFocusOpeningPicker,\n        preventNextFocusOpeningPicker\n    ];\n}\nfunction usePopupVisibility(props) {\n    const [open, setOpen] = useControllableState({\n        initialState: false,\n        defaultState: props.defaultOpen,\n        state: props.open\n    });\n    const isMounted = React.useRef(false);\n    React.useEffect(()=>{\n        if (isMounted.current && !open) {\n            var // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n            _props_onOpenChange;\n            (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);\n        }\n        isMounted.current = true;\n    }, // Should only run on allowTextInput or open change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n        props.allowTextInput,\n        open\n    ]);\n    return [\n        open,\n        setOpen\n    ];\n}\nfunction useSelectedDate({ formatDate , onSelectDate , value  }) {\n    const [selectedDate, setSelectedDateState] = useControllableState({\n        initialState: null,\n        state: value\n    });\n    const [formattedDate, setFormattedDate] = React.useState(()=>value && formatDate ? formatDate(value) : '');\n    const setSelectedDate = (newDate)=>{\n        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);\n        setSelectedDateState(newDate);\n        setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n    };\n    React.useEffect(()=>{\n        setFormattedDate(value && formatDate ? formatDate(value) : '');\n    }, [\n        formatDate,\n        value\n    ]);\n    return [\n        selectedDate,\n        formattedDate,\n        setSelectedDate,\n        setFormattedDate\n    ];\n}\nconst defaultFormatDate = (date)=>date ? date.toDateString() : '';\nconst defaultParseDateFromString = (dateStr)=>{\n    const date = Date.parse(dateStr);\n    return date ? new Date(date) : null;\n};\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */ export const useDatePicker_unstable = (props, ref)=>{\n    const { allowTextInput =false , allFocusable =false , borderless =false , dateTimeFormatter , defaultOpen =false , disableAutoFocus =true , firstDayOfWeek =DayOfWeek.Sunday , firstWeekOfYear =FirstWeekOfYear.FirstDay , formatDate =defaultFormatDate , highlightCurrentMonth =false , highlightSelectedMonth =false , initialPickerDate =new Date() , inlinePopup =false , isMonthPickerVisible =true , maxDate , minDate , onOpenChange , onSelectDate: onUserSelectDate , openOnClick =true , onValidationResult , parseDateFromString =defaultParseDateFromString , showCloseButton =false , showGoToToday =true , showMonthPickerAsOverlay =false , showWeekNumbers =false , strings =defaultDatePickerStrings , today , underlined =false , value , ...restOfProps } = props;\n    const calendar = React.useRef(null);\n    const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n    const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n        formatDate,\n        onSelectDate: onUserSelectDate,\n        value\n    });\n    const [open, setOpenState] = usePopupVisibility(props);\n    const fieldContext = useFieldContext();\n    var _fieldContext_required;\n    const required = (_fieldContext_required = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.required) !== null && _fieldContext_required !== void 0 ? _fieldContext_required : props.required;\n    const popupSurfaceId = useId('datePicker-popupSurface');\n    const validateTextInput = React.useCallback((date = null)=>{\n        let error;\n        if (allowTextInput) {\n            if (formattedDate || date) {\n                // Don't parse if the selected date has the same formatted string as what we're about to parse.\n                // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n                // not be able to come up with the exact same date.\n                if (selectedDate && formatDate && formatDate(date !== null && date !== void 0 ? date : selectedDate) === formattedDate) {\n                    return;\n                }\n                date = date || parseDateFromString(formattedDate);\n                // Check if date is null or date is an invalid date\n                if (!date || isNaN(date.getTime())) {\n                    // Reset input if formatting is available\n                    setSelectedDate(selectedDate);\n                    error = 'invalid-input';\n                } else {\n                    if (isDateOutOfBounds(date, minDate, maxDate)) {\n                        error = 'out-of-bounds';\n                    } else {\n                        setSelectedDate(date);\n                    }\n                }\n            } else {\n                if (required) {\n                    error = 'required-input';\n                }\n                onUserSelectDate === null || onUserSelectDate === void 0 ? void 0 : onUserSelectDate(date);\n            }\n        } else if (required && !formattedDate) {\n            error = 'required-input';\n        }\n        onValidationResult === null || onValidationResult === void 0 ? void 0 : onValidationResult({\n            error\n        });\n    }, [\n        allowTextInput,\n        formatDate,\n        formattedDate,\n        maxDate,\n        minDate,\n        onUserSelectDate,\n        onValidationResult,\n        parseDateFromString,\n        required,\n        selectedDate,\n        setSelectedDate\n    ]);\n    const setOpen = React.useCallback((newState)=>{\n        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newState);\n        setOpenState(newState);\n    }, [\n        onOpenChange,\n        setOpenState\n    ]);\n    const dismissDatePickerPopup = React.useCallback((newlySelectedDate)=>{\n        if (open) {\n            setOpen(false);\n            validateTextInput(newlySelectedDate);\n            if (!allowTextInput && newlySelectedDate) {\n                setSelectedDate(newlySelectedDate);\n            }\n        }\n    }, [\n        allowTextInput,\n        open,\n        setOpen,\n        setSelectedDate,\n        validateTextInput\n    ]);\n    const showDatePickerPopup = React.useCallback(()=>{\n        if (!open) {\n            preventNextFocusOpeningPicker();\n            setOpen(true);\n        }\n    }, [\n        open,\n        preventNextFocusOpeningPicker,\n        setOpen\n    ]);\n    /**\n   * Callback for closing the calendar callout\n   */ const calendarDismissed = React.useCallback((newlySelectedDate)=>{\n        preventNextFocusOpeningPicker();\n        dismissDatePickerPopup(newlySelectedDate);\n    }, [\n        dismissDatePickerPopup,\n        preventNextFocusOpeningPicker\n    ]);\n    const onInputChange = React.useCallback((ev, data)=>{\n        const { value: newValue  } = data;\n        if (allowTextInput) {\n            if (open) {\n                dismissDatePickerPopup();\n            }\n            setFormattedDate(newValue);\n        }\n    }, [\n        allowTextInput,\n        dismissDatePickerPopup,\n        open,\n        setFormattedDate\n    ]);\n    const onInputBlur = React.useCallback(()=>{\n        validateTextInput();\n    }, [\n        validateTextInput\n    ]);\n    const onInputKeyDown = React.useCallback((ev)=>{\n        switch(ev.key){\n            case Enter:\n                ev.preventDefault();\n                ev.stopPropagation();\n                if (!open) {\n                    validateTextInput();\n                    showDatePickerPopup();\n                } else {\n                    // When DatePicker allows input date string directly,\n                    // it is expected to hit another enter to close the popup\n                    if (props.allowTextInput) {\n                        dismissDatePickerPopup();\n                    }\n                }\n                break;\n            case Escape:\n                ev.stopPropagation();\n                ev.preventDefault();\n                if (open) {\n                    calendarDismissed();\n                }\n                break;\n            case ArrowDown:\n                ev.preventDefault();\n                if (ev.altKey && !open) {\n                    showDatePickerPopup();\n                }\n                break;\n            default:\n                break;\n        }\n    }, [\n        calendarDismissed,\n        dismissDatePickerPopup,\n        open,\n        props.allowTextInput,\n        showDatePickerPopup,\n        validateTextInput\n    ]);\n    const onInputFocus = React.useCallback(()=>{\n        if (disableAutoFocus) {\n            return;\n        }\n        if (!allowTextInput) {\n            if (!preventFocusOpeningPicker.current) {\n                showDatePickerPopup();\n            }\n            preventFocusOpeningPicker.current = false;\n        }\n    }, [\n        allowTextInput,\n        disableAutoFocus,\n        preventFocusOpeningPicker,\n        showDatePickerPopup\n    ]);\n    const onInputClick = React.useCallback(()=>{\n        // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n        if ((props.openOnClick || !props.disableAutoFocus) && !open && !props.disabled) {\n            showDatePickerPopup();\n            return;\n        }\n        if (allowTextInput) {\n            dismissDatePickerPopup();\n        }\n    }, [\n        allowTextInput,\n        dismissDatePickerPopup,\n        open,\n        props.disabled,\n        props.disableAutoFocus,\n        props.openOnClick,\n        showDatePickerPopup\n    ]);\n    const onIconClick = (ev)=>{\n        ev.stopPropagation();\n        if (!open && !props.disabled) {\n            showDatePickerPopup();\n        } else if (props.allowTextInput) {\n            dismissDatePickerPopup();\n        }\n    };\n    const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';\n    const [triggerWrapperRef, popupRef] = usePopupPositioning(props);\n    const rootShorthand = resolveShorthand(restOfProps, {\n        required: true,\n        defaultProps: {\n            appearance: inputAppearance,\n            'aria-controls': open ? popupSurfaceId : undefined,\n            'aria-expanded': open,\n            'aria-haspopup': 'dialog',\n            contentAfter: /*#__PURE__*/ React.createElement(CalendarMonthRegular, {\n                onClick: onIconClick\n            }),\n            readOnly: !allowTextInput,\n            role: 'combobox',\n            root: {\n                'aria-owns': open ? popupSurfaceId : undefined,\n                ref: useMergedRefs(triggerWrapperRef, ref)\n            },\n            input: {\n                ref: rootRef\n            }\n        }\n    });\n    rootShorthand.onChange = mergeCallbacks(rootShorthand.onChange, onInputChange);\n    rootShorthand.onBlur = mergeCallbacks(rootShorthand.onBlur, onInputBlur);\n    rootShorthand.onKeyDown = mergeCallbacks(rootShorthand.onKeyDown, onInputKeyDown);\n    rootShorthand.onFocus = mergeCallbacks(rootShorthand.onFocus, onInputFocus);\n    rootShorthand.onClick = mergeCallbacks(rootShorthand.onClick, onInputClick);\n    const { modalAttributes  } = useModalAttributes({\n        trapFocus: true,\n        alwaysFocusable: true,\n        legacyTrapFocus: false\n    });\n    const popupSurfaceShorthand = open ? resolveShorthand(props.popupSurface, {\n        required: true,\n        defaultProps: {\n            'aria-label': 'Calendar',\n            'aria-modal': true,\n            id: popupSurfaceId,\n            role: 'dialog',\n            ref: popupRef,\n            ...modalAttributes\n        }\n    }) : undefined;\n    const { targetDocument  } = useFluent();\n    useOnClickOutside({\n        element: targetDocument,\n        callback: (ev)=>dismissDatePickerPopup(),\n        refs: [\n            triggerWrapperRef,\n            popupRef\n        ],\n        disabled: !open\n    });\n    useOnScrollOutside({\n        element: targetDocument,\n        callback: (ev)=>dismissDatePickerPopup(),\n        refs: [\n            triggerWrapperRef,\n            popupRef\n        ],\n        disabled: !open\n    });\n    // When the popup is opened, focus should go to the calendar.\n    // In v8 this was done by focusing after the callout was positioned, but in v9 this can be simulated by using a\n    // useEffect hook.\n    React.useEffect(()=>{\n        if (open && !props.disabled && calendar.current) {\n            calendar.current.focus();\n        }\n    }, [\n        disableAutoFocus,\n        open,\n        props.disabled\n    ]);\n    const isFirstMount = useFirstMount();\n    // When the popup is closed, focus should go back to the input.\n    React.useEffect(()=>{\n        if (!open && !props.disabled && !isFirstMount) {\n            focus();\n        }\n    // Focus function keeps changing, so we need to skip it in the deps\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [\n        isFirstMount,\n        open,\n        props.disabled\n    ]);\n    const calendarShorthand = resolveShorthand(props.calendar, {\n        required: true,\n        defaultProps: {\n            allFocusable,\n            componentRef: calendar,\n            dateTimeFormatter,\n            firstDayOfWeek,\n            firstWeekOfYear,\n            highlightCurrentMonth,\n            highlightSelectedMonth,\n            isMonthPickerVisible,\n            maxDate,\n            minDate,\n            showCloseButton,\n            showGoToToday,\n            showMonthPickerAsOverlay,\n            showWeekNumbers,\n            strings,\n            today,\n            value: selectedDate || initialPickerDate\n        }\n    });\n    calendarShorthand.onDismiss = mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed);\n    calendarShorthand.onSelectDate = mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed);\n    React.useImperativeHandle(props.componentRef, ()=>({\n            focus,\n            reset () {\n                setOpen(false);\n                setSelectedDate(null);\n            },\n            showDatePickerPopup\n        }), [\n        focus,\n        setOpen,\n        setSelectedDate,\n        showDatePickerPopup\n    ]);\n    const state = {\n        disabled: !!props.disabled,\n        inlinePopup,\n        components: {\n            root: Input,\n            calendar: Calendar,\n            popupSurface: 'div'\n        },\n        calendar: calendarShorthand,\n        root: rootShorthand,\n        popupSurface: popupSurfaceShorthand\n    };\n    state.root.value = formattedDate;\n    return state;\n};\n"],"names":["useDatePicker_unstable","isDateOutOfBounds","date","minDate","maxDate","compareDatePart","useFocusLogic","inputRef","React","useRef","preventFocusOpeningPicker","focus","_inputRef_current","_inputRef_current_focus","current","call","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","useControllableState","initialState","defaultState","defaultOpen","state","isMounted","useEffect","_props_onOpenChange","onOpenChange","allowTextInput","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","formattedDate","setFormattedDate","useState","setSelectedDate","newDate","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","DayOfWeek","Sunday","firstWeekOfYear","FirstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","inlinePopup","isMonthPickerVisible","onUserSelectDate","openOnClick","onValidationResult","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","defaultDatePickerStrings","today","underlined","restOfProps","calendar","rootRef","setOpenState","fieldContext","useFieldContext","_fieldContext_required","required","popupSurfaceId","useId","validateTextInput","useCallback","error","isNaN","getTime","newState","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","ev","data","newValue","onInputBlur","onInputKeyDown","key","Enter","preventDefault","stopPropagation","Escape","ArrowDown","altKey","onInputFocus","onInputClick","disabled","onIconClick","inputAppearance","triggerWrapperRef","popupRef","usePopupPositioning","rootShorthand","resolveShorthand","defaultProps","appearance","undefined","contentAfter","createElement","CalendarMonthRegular","onClick","readOnly","role","root","useMergedRefs","input","onChange","mergeCallbacks","onBlur","onKeyDown","onFocus","modalAttributes","useModalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurfaceShorthand","popupSurface","id","targetDocument","useFluent","useOnClickOutside","element","callback","refs","useOnScrollOutside","isFirstMount","useFirstMount","calendarShorthand","componentRef","onDismiss","useImperativeHandle","reset","components","Input","Calendar"],"mappings":"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"}
+{"version":3,"sources":["useDatePicker.js"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar } from '../Calendar/Calendar';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { compareDatePart, DayOfWeek, FirstWeekOfYear } from '../../utils';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport { mergeCallbacks, resolveShorthand, useControllableState, useEventCallback, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';\nimport { useFieldContext_unstable as useFieldContext } from '@fluentui/react-field';\nimport { useFluent_unstable as useFluent } from '@fluentui/react-shared-contexts';\nimport { useModalAttributes } from '@fluentui/react-tabster';\nimport { usePopupPositioning } from '../../utils/usePopupPositioning';\nfunction isDateOutOfBounds(date, minDate, maxDate) {\n    return !!minDate && compareDatePart(minDate, date) > 0 || !!maxDate && compareDatePart(maxDate, date) < 0;\n}\nfunction useFocusLogic() {\n    const inputRef = React.useRef(null);\n    const preventFocusOpeningPicker = React.useRef(false);\n    const focus = React.useCallback(()=>{\n        var _inputRef_current, _inputRef_current_focus;\n        (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : (_inputRef_current_focus = _inputRef_current.focus) === null || _inputRef_current_focus === void 0 ? void 0 : _inputRef_current_focus.call(_inputRef_current);\n    }, []);\n    const preventNextFocusOpeningPicker = React.useCallback(()=>{\n        preventFocusOpeningPicker.current = true;\n    }, []);\n    return [\n        focus,\n        inputRef,\n        preventFocusOpeningPicker,\n        preventNextFocusOpeningPicker\n    ];\n}\nfunction usePopupVisibility(props) {\n    const [open, setOpen] = useControllableState({\n        initialState: false,\n        defaultState: props.defaultOpen,\n        state: props.open\n    });\n    const isMounted = React.useRef(false);\n    React.useEffect(()=>{\n        if (isMounted.current && !open) {\n            var // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n            _props_onOpenChange;\n            (_props_onOpenChange = props.onOpenChange) === null || _props_onOpenChange === void 0 ? void 0 : _props_onOpenChange.call(props, false);\n        }\n        isMounted.current = true;\n    }, // Should only run on allowTextInput or open change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n        props.allowTextInput,\n        open\n    ]);\n    return [\n        open,\n        setOpen\n    ];\n}\nfunction useSelectedDate({ formatDate , onSelectDate , value  }) {\n    const [selectedDate, setSelectedDateState] = useControllableState({\n        initialState: null,\n        state: value\n    });\n    const [formattedDate, setFormattedDate] = React.useState(()=>value && formatDate ? formatDate(value) : '');\n    const setSelectedDate = (newDate)=>{\n        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);\n        setSelectedDateState(newDate);\n        setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n    };\n    React.useEffect(()=>{\n        setFormattedDate(value && formatDate ? formatDate(value) : '');\n    }, [\n        formatDate,\n        value\n    ]);\n    return [\n        selectedDate,\n        formattedDate,\n        setSelectedDate,\n        setFormattedDate\n    ];\n}\nconst defaultFormatDate = (date)=>date ? date.toDateString() : '';\nconst defaultParseDateFromString = (dateStr)=>{\n    const date = Date.parse(dateStr);\n    return date ? new Date(date) : null;\n};\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */ export const useDatePicker_unstable = (props, ref)=>{\n    const { allowTextInput =false , allFocusable =false , borderless =false , dateTimeFormatter , defaultOpen =false , disableAutoFocus =true , firstDayOfWeek =DayOfWeek.Sunday , firstWeekOfYear =FirstWeekOfYear.FirstDay , formatDate =defaultFormatDate , highlightCurrentMonth =false , highlightSelectedMonth =false , initialPickerDate =new Date() , inlinePopup =false , isMonthPickerVisible =true , maxDate , minDate , onOpenChange , onSelectDate: onUserSelectDate , openOnClick =true , onValidationResult , parseDateFromString =defaultParseDateFromString , showCloseButton =false , showGoToToday =true , showMonthPickerAsOverlay =false , showWeekNumbers =false , strings =defaultDatePickerStrings , today , underlined =false , value , ...restOfProps } = props;\n    const calendar = React.useRef(null);\n    const [focus, rootRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] = useFocusLogic();\n    const [selectedDate, formattedDate, setSelectedDate, setFormattedDate] = useSelectedDate({\n        formatDate,\n        onSelectDate: onUserSelectDate,\n        value\n    });\n    const [open, setOpenState] = usePopupVisibility(props);\n    const fieldContext = useFieldContext();\n    var _fieldContext_required;\n    const required = (_fieldContext_required = fieldContext === null || fieldContext === void 0 ? void 0 : fieldContext.required) !== null && _fieldContext_required !== void 0 ? _fieldContext_required : props.required;\n    const popupSurfaceId = useId('datePicker-popupSurface');\n    const validateTextInput = React.useCallback((date = null)=>{\n        let error;\n        if (allowTextInput) {\n            if (formattedDate || date) {\n                // Don't parse if the selected date has the same formatted string as what we're about to parse.\n                // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n                // not be able to come up with the exact same date.\n                if (selectedDate && formatDate && formatDate(date !== null && date !== void 0 ? date : selectedDate) === formattedDate) {\n                    return;\n                }\n                date = date || parseDateFromString(formattedDate);\n                // Check if date is null or date is an invalid date\n                if (!date || isNaN(date.getTime())) {\n                    // Reset input if formatting is available\n                    setSelectedDate(selectedDate);\n                    error = 'invalid-input';\n                } else {\n                    if (isDateOutOfBounds(date, minDate, maxDate)) {\n                        error = 'out-of-bounds';\n                    } else {\n                        setSelectedDate(date);\n                    }\n                }\n            } else {\n                if (required) {\n                    error = 'required-input';\n                }\n                onUserSelectDate === null || onUserSelectDate === void 0 ? void 0 : onUserSelectDate(date);\n            }\n        } else if (required && !formattedDate) {\n            error = 'required-input';\n        }\n        onValidationResult === null || onValidationResult === void 0 ? void 0 : onValidationResult({\n            error\n        });\n    }, [\n        allowTextInput,\n        formatDate,\n        formattedDate,\n        maxDate,\n        minDate,\n        onUserSelectDate,\n        onValidationResult,\n        parseDateFromString,\n        required,\n        selectedDate,\n        setSelectedDate\n    ]);\n    const setOpen = React.useCallback((newState)=>{\n        onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newState);\n        setOpenState(newState);\n        if (!open && !props.disabled) {\n            focus();\n        }\n    }, // eslint-disable-next-line react-hooks/exhaustive-deps\n    [\n        focus,\n        onOpenChange,\n        props.disabled,\n        setOpenState\n    ]);\n    const dismissDatePickerPopup = React.useCallback((newlySelectedDate)=>{\n        if (open) {\n            setOpen(false);\n            validateTextInput(newlySelectedDate);\n            if (!allowTextInput && newlySelectedDate) {\n                setSelectedDate(newlySelectedDate);\n            }\n        }\n    }, [\n        allowTextInput,\n        open,\n        setOpen,\n        setSelectedDate,\n        validateTextInput\n    ]);\n    const showDatePickerPopup = React.useCallback(()=>{\n        if (!open) {\n            preventNextFocusOpeningPicker();\n            setOpen(true);\n        }\n    }, [\n        open,\n        preventNextFocusOpeningPicker,\n        setOpen\n    ]);\n    /**\n   * Callback for closing the calendar callout\n   */ const calendarDismissed = React.useCallback((newlySelectedDate)=>{\n        preventNextFocusOpeningPicker();\n        dismissDatePickerPopup(newlySelectedDate);\n    }, [\n        dismissDatePickerPopup,\n        preventNextFocusOpeningPicker\n    ]);\n    const onInputChange = React.useCallback((ev, data)=>{\n        const { value: newValue  } = data;\n        if (allowTextInput) {\n            if (open) {\n                dismissDatePickerPopup();\n            }\n            setFormattedDate(newValue);\n        }\n    }, [\n        allowTextInput,\n        dismissDatePickerPopup,\n        open,\n        setFormattedDate\n    ]);\n    const onInputBlur = React.useCallback(()=>{\n        validateTextInput();\n    }, [\n        validateTextInput\n    ]);\n    const onInputKeyDown = React.useCallback((ev)=>{\n        switch(ev.key){\n            case Enter:\n                ev.preventDefault();\n                ev.stopPropagation();\n                if (!open) {\n                    validateTextInput();\n                    showDatePickerPopup();\n                } else {\n                    // When DatePicker allows input date string directly,\n                    // it is expected to hit another enter to close the popup\n                    if (props.allowTextInput) {\n                        dismissDatePickerPopup();\n                    }\n                }\n                break;\n            case Escape:\n                ev.stopPropagation();\n                ev.preventDefault();\n                if (open) {\n                    calendarDismissed();\n                }\n                break;\n            case ArrowDown:\n                ev.preventDefault();\n                if (ev.altKey && !open) {\n                    showDatePickerPopup();\n                }\n                break;\n            default:\n                break;\n        }\n    }, [\n        calendarDismissed,\n        dismissDatePickerPopup,\n        open,\n        props.allowTextInput,\n        showDatePickerPopup,\n        validateTextInput\n    ]);\n    const onInputFocus = React.useCallback(()=>{\n        if (disableAutoFocus) {\n            return;\n        }\n        if (!allowTextInput) {\n            if (!preventFocusOpeningPicker.current) {\n                showDatePickerPopup();\n            }\n            preventFocusOpeningPicker.current = false;\n        }\n    }, [\n        allowTextInput,\n        disableAutoFocus,\n        preventFocusOpeningPicker,\n        showDatePickerPopup\n    ]);\n    const onInputClick = React.useCallback(()=>{\n        // default openOnClick to !props.disableAutoFocus for legacy support of disableAutoFocus behavior\n        if ((props.openOnClick || !props.disableAutoFocus) && !open && !props.disabled) {\n            showDatePickerPopup();\n            return;\n        }\n        if (allowTextInput) {\n            dismissDatePickerPopup();\n        }\n    }, [\n        allowTextInput,\n        dismissDatePickerPopup,\n        open,\n        props.disabled,\n        props.disableAutoFocus,\n        props.openOnClick,\n        showDatePickerPopup\n    ]);\n    const onIconClick = (ev)=>{\n        ev.stopPropagation();\n        if (!open && !props.disabled) {\n            showDatePickerPopup();\n        } else if (props.allowTextInput) {\n            dismissDatePickerPopup();\n        }\n    };\n    const inputAppearance = underlined ? 'underline' : borderless ? 'filled-lighter' : 'outline';\n    const [triggerWrapperRef, popupRef] = usePopupPositioning(props);\n    const root = resolveShorthand(restOfProps, {\n        required: true,\n        defaultProps: {\n            appearance: inputAppearance,\n            'aria-controls': open ? popupSurfaceId : undefined,\n            'aria-expanded': open,\n            'aria-haspopup': 'dialog',\n            contentAfter: /*#__PURE__*/ React.createElement(CalendarMonthRegular, {\n                onClick: onIconClick\n            }),\n            readOnly: !allowTextInput,\n            role: 'combobox'\n        }\n    });\n    const inputRoot = resolveShorthand(props.root, {\n        required: true,\n        defaultProps: {\n            'aria-owns': open ? popupSurfaceId : undefined,\n            ref: triggerWrapperRef\n        }\n    });\n    inputRoot.ref = useMergedRefs(inputRoot.ref, triggerWrapperRef);\n    root.root = inputRoot;\n    const inputShorthand = resolveShorthand(props.input, {\n        required: true\n    });\n    inputShorthand.ref = useMergedRefs(inputShorthand.ref, ref, rootRef);\n    root.input = inputShorthand;\n    root.onChange = useEventCallback(mergeCallbacks(root.onChange, onInputChange));\n    root.onBlur = useEventCallback(mergeCallbacks(root.onBlur, onInputBlur));\n    root.onKeyDown = useEventCallback(mergeCallbacks(root.onKeyDown, onInputKeyDown));\n    root.onFocus = useEventCallback(mergeCallbacks(root.onFocus, onInputFocus));\n    root.onClick = useEventCallback(mergeCallbacks(root.onClick, onInputClick));\n    const { modalAttributes  } = useModalAttributes({\n        trapFocus: true,\n        alwaysFocusable: true,\n        legacyTrapFocus: false\n    });\n    const popupSurface = open ? resolveShorthand(props.popupSurface, {\n        required: true,\n        defaultProps: {\n            'aria-label': 'Calendar',\n            'aria-modal': true,\n            id: popupSurfaceId,\n            role: 'dialog',\n            ref: popupRef,\n            ...modalAttributes\n        }\n    }) : undefined;\n    const { targetDocument  } = useFluent();\n    useOnClickOutside({\n        element: targetDocument,\n        callback: (ev)=>dismissDatePickerPopup(),\n        refs: [\n            triggerWrapperRef,\n            popupRef\n        ],\n        disabled: !open\n    });\n    useOnScrollOutside({\n        element: targetDocument,\n        callback: (ev)=>dismissDatePickerPopup(),\n        refs: [\n            triggerWrapperRef,\n            popupRef\n        ],\n        disabled: !open\n    });\n    // When the popup is opened, focus should go to the calendar.\n    // In v8 this was done by focusing after the callout was positioned, but in v9 this can be simulated by using a\n    // useEffect hook.\n    React.useEffect(()=>{\n        if (open && !props.disabled && calendar.current) {\n            calendar.current.focus();\n        }\n    }, [\n        disableAutoFocus,\n        open,\n        props.disabled\n    ]);\n    const calendarShorthand = resolveShorthand(props.calendar, {\n        required: true,\n        defaultProps: {\n            allFocusable,\n            componentRef: calendar,\n            dateTimeFormatter,\n            firstDayOfWeek,\n            firstWeekOfYear,\n            highlightCurrentMonth,\n            highlightSelectedMonth,\n            isMonthPickerVisible,\n            maxDate,\n            minDate,\n            showCloseButton,\n            showGoToToday,\n            showMonthPickerAsOverlay,\n            showWeekNumbers,\n            strings,\n            today,\n            value: selectedDate || initialPickerDate\n        }\n    });\n    calendarShorthand.onDismiss = useEventCallback(mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed));\n    calendarShorthand.onSelectDate = useEventCallback(mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed));\n    const state = {\n        disabled: !!props.disabled,\n        inlinePopup,\n        components: {\n            root: Input,\n            calendar: Calendar,\n            popupSurface: 'div'\n        },\n        calendar: calendarShorthand,\n        root,\n        popupSurface\n    };\n    state.root.value = formattedDate;\n    return state;\n};\n"],"names":["useDatePicker_unstable","isDateOutOfBounds","date","minDate","maxDate","compareDatePart","useFocusLogic","inputRef","React","useRef","preventFocusOpeningPicker","focus","useCallback","_inputRef_current","_inputRef_current_focus","current","call","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","useControllableState","initialState","defaultState","defaultOpen","state","isMounted","useEffect","_props_onOpenChange","onOpenChange","allowTextInput","useSelectedDate","formatDate","onSelectDate","value","selectedDate","setSelectedDateState","formattedDate","setFormattedDate","useState","setSelectedDate","newDate","defaultFormatDate","toDateString","defaultParseDateFromString","dateStr","Date","parse","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","DayOfWeek","Sunday","firstWeekOfYear","FirstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","inlinePopup","isMonthPickerVisible","onUserSelectDate","openOnClick","onValidationResult","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","defaultDatePickerStrings","today","underlined","restOfProps","calendar","rootRef","setOpenState","fieldContext","useFieldContext","_fieldContext_required","required","popupSurfaceId","useId","validateTextInput","error","isNaN","getTime","newState","disabled","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","ev","data","newValue","onInputBlur","onInputKeyDown","key","Enter","preventDefault","stopPropagation","Escape","ArrowDown","altKey","onInputFocus","onInputClick","onIconClick","inputAppearance","triggerWrapperRef","popupRef","usePopupPositioning","root","resolveShorthand","defaultProps","appearance","undefined","contentAfter","createElement","CalendarMonthRegular","onClick","readOnly","role","inputRoot","useMergedRefs","inputShorthand","input","onChange","useEventCallback","mergeCallbacks","onBlur","onKeyDown","onFocus","modalAttributes","useModalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurface","id","targetDocument","useFluent","useOnClickOutside","element","callback","refs","useOnScrollOutside","calendarShorthand","componentRef","onDismiss","components","Input","Calendar"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-datepicker-compat",
-  "version": "0.1.10",
+  "version": "0.2.0",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,21 +30,21 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
+    "@fluentui/react-conformance-griffel": "9.0.0",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-field": "^9.1.10",
+    "@fluentui/react-field": "^9.1.11",
     "@fluentui/react-icons": "^2.0.203",
-    "@fluentui/react-input": "^9.4.20",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.10",
-    "@fluentui/react-popover": "^9.7.4",
-    "@fluentui/react-portal": "^9.3.0",
-    "@fluentui/react-positioning": "^9.7.3",
+    "@fluentui/react-input": "^9.4.21",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.11",
+    "@fluentui/react-popover": "^9.7.6",
+    "@fluentui/react-portal": "^9.3.1",
+    "@fluentui/react-positioning": "^9.8.0",
     "@fluentui/react-shared-contexts": "^9.6.0",
-    "@fluentui/react-tabster": "^9.9.2",
+    "@fluentui/react-tabster": "^9.10.0",
     "@fluentui/react-theme": "^9.1.9",
     "@fluentui/react-utilities": "^9.10.1",
     "@griffel/react": "^1.5.7",