@fluentui/react-datepicker-compat 0.1.5 → 0.1.7

package/CHANGELOG.json

@@ -2,7 +2,157 @@
   "name": "@fluentui/react-datepicker-compat",
   "entries": [
     {
-      "date": "Wed, 31 May 2023 06:42:55 GMT",
+      "date": "Mon, 26 Jun 2023 09:51:06 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.1.7",
+      "version": "0.1.7",
+      "comments": {
+        "patch": [
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-field to v9.1.8",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-input to v9.4.18",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.7.1",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-portal to v9.2.14",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-positioning to v9.7.1",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.8.1",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.9.4",
+            "commit": "025ea2c9c6fb2184e67505081a7a307e95c6c009"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 20 Jun 2023 12:38:57 GMT",
+      "tag": "@fluentui/react-datepicker-compat_v0.1.6",
+      "version": "0.1.6",
+      "comments": {
+        "patch": [
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "723e89b9ca9b064375045bd61c8d7e04fd1af46e",
+            "comment": "fix: Do not move focus to the input on first render."
+          },
+          {
+            "author": "esteban.230@hotmail.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "16a263106a6f81408d394432ffefc89f53b43efa",
+            "comment": "feat: Add null to value prop for controlled cases to work correctly."
+          },
+          {
+            "author": "ololubek@microsoft.com",
+            "package": "@fluentui/react-datepicker-compat",
+            "commit": "8a5ae3aa00faa327c58887a99a5698b18f2930ee",
+            "comment": "chore: update @fluentui/react-icons to 2.0.203"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-field to v9.1.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-input to v9.4.17",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-popover to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-portal to v9.2.13",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-positioning to v9.7.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-shared-contexts to v9.5.1",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-tabster to v9.8.0",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-theme to v9.1.9",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-utilities to v9.9.3",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          },
+          {
+            "author": "beachball",
+            "package": "@fluentui/react-datepicker-compat",
+            "comment": "Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23",
+            "commit": "81c9b35e0830297b2aca2cece2ae67b3899c4647"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Wed, 31 May 2023 06:46:12 GMT",
       "tag": "@fluentui/react-datepicker-compat_v0.1.5",
       "version": "0.1.5",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,50 @@
 # Change Log - @fluentui/react-datepicker-compat
 
-This log was last generated on Wed, 31 May 2023 06:42:55 GMT and should not be manually modified.
+This log was last generated on Mon, 26 Jun 2023 09:51:06 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [0.1.7](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.7)
+
+Mon, 26 Jun 2023 09:51:06 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.6..@fluentui/react-datepicker-compat_v0.1.7)
+
+### Patches
+
+- Bump @fluentui/react-field to v9.1.8 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-input to v9.4.18 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.8 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-popover to v9.7.1 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-portal to v9.2.14 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-positioning to v9.7.1 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-tabster to v9.8.1 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+- Bump @fluentui/react-utilities to v9.9.4 ([PR #28307](https://github.com/microsoft/fluentui/pull/28307) by beachball)
+
+## [0.1.6](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.6)
+
+Tue, 20 Jun 2023 12:38:57 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.5..@fluentui/react-datepicker-compat_v0.1.6)
+
+### Patches
+
+- fix: Do not move focus to the input on first render. ([PR #28188](https://github.com/microsoft/fluentui/pull/28188) by esteban.230@hotmail.com)
+- feat: Add null to value prop for controlled cases to work correctly. ([PR #28056](https://github.com/microsoft/fluentui/pull/28056) by esteban.230@hotmail.com)
+- chore: update @fluentui/react-icons to 2.0.203 ([PR #28203](https://github.com/microsoft/fluentui/pull/28203) by ololubek@microsoft.com)
+- Bump @fluentui/react-field to v9.1.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-input to v9.4.17 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-jsx-runtime to v9.0.0-alpha.7 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-popover to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-portal to v9.2.13 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-positioning to v9.7.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-shared-contexts to v9.5.1 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-tabster to v9.8.0 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-theme to v9.1.9 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-utilities to v9.9.3 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+- Bump @fluentui/react-conformance-griffel to v9.0.0-beta.23 ([PR #28229](https://github.com/microsoft/fluentui/pull/28229) by beachball)
+
 ## [0.1.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.1.5)
 
-Wed, 31 May 2023 06:42:55 GMT 
+Wed, 31 May 2023 06:46:12 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.1.4..@fluentui/react-datepicker-compat_v0.1.5)
 
 ### Patches

package/dist/index.d.ts

@@ -766,8 +766,11 @@ export declare type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlot
     today?: Date;
     /**
      * Default value of the DatePicker, if any
+     *
+     * When the component is controlled, `null` should be used instead of `undefined` to avoid controlled vs. uncontrolled
+     * ambiguity.
      */
-    value?: Date;
+    value?: Date | null;
     /**
      * Optional method to format the chosen date to a string to display in the DatePicker
      * @default date.toString()

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  value?: Date;\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 * 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"}

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, useId, useMergedRefs, useOnClickOutside, useOnScrollOutside } from '@fluentui/react-utilities';
+import { mergeCallbacks, resolveShorthand, useControllableState, useFirstMount, 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';
@@ -57,14 +57,12 @@ function usePopupVisibility(props) {
 }
 function useSelectedDate({ formatDate , onSelectDate , value  }) {
     const [selectedDate, setSelectedDateState] = useControllableState({
-        initialState: undefined,
+        initialState: null,
         state: value
     });
     const [formattedDate, setFormattedDate] = React.useState(()=>value && formatDate ? formatDate(value) : '');
     const setSelectedDate = (newDate)=>{
-        if (selectedDate === undefined && newDate !== undefined || selectedDate !== undefined && newDate === undefined || newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate)) {
-            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);
-        }
+        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);
         setSelectedDateState(newDate);
         setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');
     };
@@ -373,14 +371,16 @@ 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) {
+        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
     ]);
@@ -412,7 +412,7 @@ const defaultParseDateFromString = (dateStr)=>{
             focus,
             reset () {
                 setOpen(false);
-                setSelectedDate(undefined);
+                setSelectedDate(null);
             },
             showDatePickerPopup
         }), [

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  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({\n    initialState: undefined,\n    state: value,\n  });\n  const [formattedDate, setFormattedDate] = React.useState(() => (value && formatDate ? formatDate(value) : ''));\n\n  const setSelectedDate = (newDate: Date | undefined) => {\n    if (\n      (selectedDate === undefined && newDate !== undefined) ||\n      (selectedDate !== undefined && newDate === undefined) ||\n      (newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate))\n    ) {\n      onSelectDate?.(newDate);\n    }\n\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): 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  // When the popup is closed, focus should go back to the input.\n  React.useEffect(() => {\n    if (!open && !props.disabled) {\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  }, [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(undefined);\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","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","undefined","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","contentAfter","onClick","readOnly","role","root","input","onChange","onBlur","onKeyDown","onFocus","modalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurfaceShorthand","popupSurface","id","targetDocument","element","callback","refs","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  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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"}

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

@@ -64,14 +64,12 @@ function usePopupVisibility(props) {
 }
 function useSelectedDate({ formatDate , onSelectDate , value  }) {
     const [selectedDate, setSelectedDateState] = (0, _reactUtilities.useControllableState)({
-        initialState: undefined,
+        initialState: null,
         state: value
     });
     const [formattedDate, setFormattedDate] = _react.useState(()=>value && formatDate ? formatDate(value) : '');
     const setSelectedDate = (newDate)=>{
-        if (selectedDate === undefined && newDate !== undefined || selectedDate !== undefined && newDate === undefined || newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate)) {
-            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);
-        }
+        onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);
         setSelectedDateState(newDate);
         setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');
     };
@@ -372,14 +370,16 @@ 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) {
+        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
     ]);
@@ -411,7 +411,7 @@ const useDatePicker_unstable = (props, ref)=>{
             focus,
             reset () {
                 setOpen(false);
-                setSelectedDate(undefined);
+                setSelectedDate(null);
             },
             showDatePickerPopup
         }), [

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, 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: undefined,\n        state: value\n    });\n    const [formattedDate, setFormattedDate] = React.useState(()=>value && formatDate ? formatDate(value) : '');\n    const setSelectedDate = (newDate)=>{\n        if (selectedDate === undefined && newDate !== undefined || selectedDate !== undefined && newDate === undefined || newDate && selectedDate && (newDate > selectedDate || newDate < selectedDate)) {\n            onSelectDate === null || onSelectDate === void 0 ? void 0 : onSelectDate(newDate);\n        }\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    // When the popup is closed, focus should go back to the input.\n    React.useEffect(()=>{\n        if (!open && !props.disabled) {\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        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(undefined);\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","undefined","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","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","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, 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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-datepicker-compat",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -30,23 +30,23 @@
   "devDependencies": {
     "@fluentui/eslint-plugin": "*",
     "@fluentui/react-conformance": "*",
-    "@fluentui/react-conformance-griffel": "9.0.0-beta.22",
+    "@fluentui/react-conformance-griffel": "9.0.0-beta.23",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-tasks": "*"
   },
   "dependencies": {
     "@fluentui/keyboard-keys": "^9.0.3",
-    "@fluentui/react-field": "^9.1.6",
-    "@fluentui/react-icons": "^2.0.196",
-    "@fluentui/react-input": "^9.4.16",
-    "@fluentui/react-jsx-runtime": "9.0.0-alpha.6",
-    "@fluentui/react-popover": "^9.6.0",
-    "@fluentui/react-portal": "^9.2.12",
-    "@fluentui/react-positioning": "^9.6.0",
-    "@fluentui/react-shared-contexts": "^9.5.0",
-    "@fluentui/react-tabster": "^9.7.5",
-    "@fluentui/react-theme": "^9.1.8",
-    "@fluentui/react-utilities": "^9.9.2",
+    "@fluentui/react-field": "^9.1.8",
+    "@fluentui/react-icons": "^2.0.203",
+    "@fluentui/react-input": "^9.4.18",
+    "@fluentui/react-jsx-runtime": "9.0.0-alpha.8",
+    "@fluentui/react-popover": "^9.7.1",
+    "@fluentui/react-portal": "^9.2.14",
+    "@fluentui/react-positioning": "^9.7.1",
+    "@fluentui/react-shared-contexts": "^9.5.1",
+    "@fluentui/react-tabster": "^9.8.1",
+    "@fluentui/react-theme": "^9.1.9",
+    "@fluentui/react-utilities": "^9.9.4",
     "@griffel/react": "^1.5.7",
     "@swc/helpers": "^0.4.14"
   },