@fluentui/react-datepicker-compat 0.0.0-nightly-20250423-0405.1 → 0.0.0-nightly-20250423-1415.1

package/CHANGELOG.md

@@ -1,32 +1,32 @@
 # Change Log - @fluentui/react-datepicker-compat
 
-This log was last generated on Wed, 23 Apr 2025 04:09:49 GMT and should not be manually modified.
+This log was last generated on Wed, 23 Apr 2025 14:31:23 GMT and should not be manually modified.
 
 <!-- Start content -->
 
-## [0.0.0-nightly-20250423-0405.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.0.0-nightly-20250423-0405.1)
+## [0.0.0-nightly-20250423-1415.1](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.0.0-nightly-20250423-1415.1)
 
-Wed, 23 Apr 2025 04:09:49 GMT 
-[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.5.5..@fluentui/react-datepicker-compat_v0.0.0-nightly-20250423-0405.1)
+Wed, 23 Apr 2025 14:31:23 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/react-datepicker-compat_v0.5.5..@fluentui/react-datepicker-compat_v0.0.0-nightly-20250423-1415.1)
 
 ### Changes
 
 - Release nightly v9 ([commit](https://github.com/microsoft/fluentui/commit/not available) by fluentui-internal@service.microsoft.com)
-- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-calendar-compat to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-field to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-input to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-popover to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-portal to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-positioning to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-tabster to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-theme to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-utilities to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-provider to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-conformance to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
-- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250423-0405.1 ([commit](https://github.com/microsoft/fluentui/commit/a69a28518566e94ea896f8b914fdb5b8861503af) by beachball)
+- Bump @fluentui/keyboard-keys to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-calendar-compat to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-field to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-input to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-jsx-runtime to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-popover to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-portal to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-positioning to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-shared-contexts to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-tabster to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-theme to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-utilities to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-provider to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-conformance to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
+- Bump @fluentui/react-conformance-griffel to v0.0.0-nightly-20250423-1415.1 ([commit](https://github.com/microsoft/fluentui/commit/b656723ed77889fb88933f1af796b7643840dfa4) by beachball)
 
 ## [0.5.5](https://github.com/microsoft/fluentui/tree/@fluentui/react-datepicker-compat_v0.5.5)
 

package/dist/index.d.ts

@@ -0,0 +1,245 @@
+/// <reference types="react" />
+
+import type { CalendarProps } from '@fluentui/react-calendar-compat';
+import { CalendarStrings } from '@fluentui/react-calendar-compat';
+import type { ComponentProps } from '@fluentui/react-utilities';
+import type { ComponentState } from '@fluentui/react-utilities';
+import type { DateFormatting } from '@fluentui/react-calendar-compat';
+import { DayOfWeek } from '@fluentui/react-calendar-compat';
+import { FirstWeekOfYear } from '@fluentui/react-calendar-compat';
+import type { ForwardRefComponent } from '@fluentui/react-utilities';
+import { Input } from '@fluentui/react-input';
+import type { PortalProps } from '@fluentui/react-portal';
+import type { PositioningProps } from '@fluentui/react-positioning';
+import * as React_2 from 'react';
+import type { Slot } from '@fluentui/react-utilities';
+import type { SlotClassNames } from '@fluentui/react-utilities';
+
+export { CalendarStrings }
+
+export declare const DatePicker: ForwardRefComponent<DatePickerProps>;
+
+export declare const datePickerClassNames: SlotClassNames<DatePickerSlots>;
+
+/**
+ * Error types returned by the `onValidationResult` callback.
+ */
+export declare type DatePickerErrorType = 'invalid-input' | 'out-of-bounds' | 'required-input';
+
+export declare type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> & Pick<PortalProps, 'mountNode'> & {
+    /**
+     * Callback issued when a date is selected
+     */
+    onSelectDate?: (date: Date | null | undefined) => void;
+    /**
+     * Whether the DatePicker is a required field or not. When using `<Field>`, this prop is automatically set.
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * Disabled state of the DatePicker.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether or not the Input of the DatePicker is underlined.
+     * @default false
+     */
+    underlined?: boolean;
+    /**
+     * Whether the month picker is shown beside the day picker or hidden.
+     * @default true
+     */
+    isMonthPickerVisible?: boolean;
+    /**
+     * Show month picker on top of date picker when visible.
+     * @default false
+     */
+    showMonthPickerAsOverlay?: boolean;
+    /**
+     * Whether the DatePicker allows input a date string directly or not
+     * @default false
+     */
+    allowTextInput?: boolean;
+    /**
+     * Whether the DatePicker should open automatically when the control is focused
+     * WARNING: setting this to false creates an accessibility violation and is not recommended
+     * @default true
+     */
+    disableAutoFocus?: boolean;
+    /**
+     * Whether the DatePicker should open when the input is clicked
+     * @default true
+     */
+    openOnClick?: boolean;
+    /**
+     * Whether the DatePicker should be open by default
+     *
+     * @default false
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the DatePicker is open or not
+     *
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Callback to run when the DatePicker's open state changes
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Callback to run after the DatePicker's input has been validated
+     */
+    onValidationResult?: (data: DatePickerValidationResultData) => void;
+    /**
+     * Whether the DatePicker should render the popup as inline or in a portal
+     *
+     * @default false
+     */
+    inlinePopup?: boolean;
+    /**
+     * Configure the positioning of the DatePicker dialog
+     *
+     * @default below
+     */
+    positioning?: PositioningProps;
+    /**
+     * Placeholder text for the DatePicker
+     */
+    placeholder?: string;
+    /**
+     * Value of today. If unspecified, current time in client machine will be used.
+     */
+    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 | null;
+    /**
+     * Optional method to format the chosen date to a string to display in the DatePicker
+     * @default date.toString()
+     */
+    formatDate?: (date?: Date) => string;
+    /**
+     * Optional method to parse the text input value to date, it is only useful when allowTextInput is set to true
+     * @default new Date(Date.parse(dateStr))
+     */
+    parseDateFromString?: (dateStr: string) => Date | null;
+    /**
+     * The first day of the week for your locale.
+     * @default DayOfWeek.Sunday
+     */
+    firstDayOfWeek?: DayOfWeek;
+    /**
+     * Localized strings to use in the Calendar
+     */
+    strings?: CalendarStrings;
+    /**
+     * Whether the month picker should highlight the current month
+     * @default false
+     */
+    highlightCurrentMonth?: boolean;
+    /**
+     * Whether the month picker should highlight the selected month
+     * @default false
+     */
+    highlightSelectedMonth?: boolean;
+    /**
+     * Whether the calendar should show the week number (weeks 1 to 53) before each week row
+     * @default false
+     */
+    showWeekNumbers?: boolean;
+    /**
+     * Defines when the first week of the year should start, FirstWeekOfYear.FirstDay,
+     * FirstWeekOfYear.FirstFullWeek or FirstWeekOfYear.FirstFourDayWeek are the possible values
+     * @default FirstWeekOfYear.FirstFullWeek
+     */
+    firstWeekOfYear?: FirstWeekOfYear;
+    /**
+     * Whether the "Go to today" link should be shown or not
+     */
+    showGoToToday?: boolean;
+    /**
+     * Determines if the DatePicker has a border.
+     * @default false
+     */
+    borderless?: boolean;
+    /**
+     * Apply additional formatting to dates, for example localized date formatting.
+     */
+    dateTimeFormatter?: DateFormatting;
+    /**
+     * The minimum allowable date.
+     */
+    minDate?: Date;
+    /**
+     * The maximum allowable date.
+     */
+    maxDate?: Date;
+    /**
+     * The initially highlighted date.
+     */
+    initialPickerDate?: Date;
+    /**
+     * Allows all elements to be focused, including disabled ones
+     * @default false
+     */
+    allFocusable?: boolean;
+    /**
+     * Whether the CalendarDay close button should be shown or not.
+     */
+    showCloseButton?: boolean;
+};
+
+declare type DatePickerSlots = {
+    root: NonNullable<Slot<typeof Input>>;
+    calendar: NonNullable<Slot<Partial<CalendarProps>>>;
+    popupSurface?: Slot<'div'>;
+};
+
+/**
+ * State used in rendering DatePicker.
+ */
+declare type DatePickerState = ComponentState<DatePickerSlots> & Pick<DatePickerProps, 'mountNode'> & {
+    disabled: boolean;
+    inlinePopup: boolean;
+};
+
+/**
+ * Data passed to the `onValidationResult` callback.
+ */
+export declare type DatePickerValidationResultData = {
+    /** The error found when validating the input. */
+    error?: DatePickerErrorType;
+};
+
+export declare const defaultDatePickerErrorStrings: Record<DatePickerErrorType, string>;
+
+export declare const defaultDatePickerStrings: CalendarStrings;
+
+/**
+ * Render the final JSX of DatePicker
+ */
+export declare const renderDatePicker_unstable: (state: DatePickerState) => JSX.Element;
+
+/**
+ * Create the state required to render DatePicker.
+ *
+ * The returned state can be modified with hooks such as useDatePickerStyles_unstable,
+ * before being passed to renderDatePicker_unstable.
+ *
+ * @param props - props from this instance of DatePicker
+ * @param ref - reference to root Input slot
+ */
+export declare const useDatePicker_unstable: (props: DatePickerProps, ref: React_2.Ref<HTMLInputElement>) => DatePickerState;
+
+/**
+ * Apply styling to the DatePicker slots based on the state
+ */
+export declare const useDatePickerStyles_unstable: (state: DatePickerState) => DatePickerState;
+
+export { }

package/lib/DatePicker.js

@@ -0,0 +1 @@
+export { DatePicker, datePickerClassNames, defaultDatePickerErrorStrings, defaultDatePickerStrings, renderDatePicker_unstable, useDatePickerStyles_unstable, useDatePicker_unstable } from './components/DatePicker/index';

package/lib/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/DatePicker.ts"],"sourcesContent":["export type {\n  DatePickerErrorType,\n  DatePickerProps,\n  DatePickerSlots,\n  DatePickerState,\n  DatePickerValidationResultData,\n} from './components/DatePicker/index';\nexport {\n  DatePicker,\n  datePickerClassNames,\n  defaultDatePickerErrorStrings,\n  defaultDatePickerStrings,\n  renderDatePicker_unstable,\n  useDatePickerStyles_unstable,\n  useDatePicker_unstable,\n} from './components/DatePicker/index';\n"],"names":["DatePicker","datePickerClassNames","defaultDatePickerErrorStrings","defaultDatePickerStrings","renderDatePicker_unstable","useDatePickerStyles_unstable","useDatePicker_unstable"],"rangeMappings":"","mappings":"AAOA,SACEA,UAAU,EACVC,oBAAoB,EACpBC,6BAA6B,EAC7BC,wBAAwB,EACxBC,yBAAyB,EACzBC,4BAA4B,EAC5BC,sBAAsB,QACjB,gCAAgC"}

package/lib/components/DatePicker/DatePicker.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { renderDatePicker_unstable } from './renderDatePicker';
+import { useDatePicker_unstable } from './useDatePicker';
+import { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';
+export const DatePicker = /*#__PURE__*/ React.forwardRef((props, ref)=>{
+    const state = useDatePicker_unstable(props, ref);
+    useDatePickerStyles_unstable(state);
+    return renderDatePicker_unstable(state);
+});
+DatePicker.displayName = 'DatePicker';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { renderDatePicker_unstable } from './renderDatePicker';\nimport { useDatePicker_unstable } from './useDatePicker';\nimport { useDatePickerStyles_unstable } from './useDatePickerStyles.styles';\nimport type { ForwardRefComponent } from '@fluentui/react-utilities';\nimport type { DatePickerProps } from './DatePicker.types';\n\nexport const DatePicker: ForwardRefComponent<DatePickerProps> = React.forwardRef((props, ref) => {\n  const state = useDatePicker_unstable(props, ref);\n\n  useDatePickerStyles_unstable(state);\n  return renderDatePicker_unstable(state);\n}) as ForwardRefComponent<DatePickerProps>;\nDatePicker.displayName = 'DatePicker';\n"],"names":["React","renderDatePicker_unstable","useDatePicker_unstable","useDatePickerStyles_unstable","DatePicker","forwardRef","props","ref","state","displayName"],"rangeMappings":";;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,4BAA4B,QAAQ,+BAA+B;AAI5E,OAAO,MAAMC,2BAAmDJ,MAAMK,UAAU,CAAC,CAACC,OAAOC;IACvF,MAAMC,QAAQN,uBAAuBI,OAAOC;IAE5CJ,6BAA6BK;IAC7B,OAAOP,0BAA0BO;AACnC,GAA2C;AAC3CJ,WAAWK,WAAW,GAAG"}

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

@@ -0,0 +1,3 @@
+/**
+ * Error types returned by the `onValidationResult` callback.
+ */ export { };

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/DatePicker.types.ts"],"sourcesContent":["import { DayOfWeek, FirstWeekOfYear } from '@fluentui/react-calendar-compat';\nimport { Input } from '@fluentui/react-input';\nimport type { ComponentProps, ComponentState, Slot } from '@fluentui/react-utilities';\nimport type { CalendarProps, CalendarStrings, DateFormatting } from '@fluentui/react-calendar-compat';\nimport type { PortalProps } from '@fluentui/react-portal';\nimport type { PositioningProps } from '@fluentui/react-positioning';\n\nexport type DatePickerSlots = {\n  root: NonNullable<Slot<typeof Input>>;\n  calendar: NonNullable<Slot<Partial<CalendarProps>>>;\n  popupSurface?: Slot<'div'>;\n};\n\nexport type DatePickerProps = Omit<ComponentProps<Partial<DatePickerSlots>>, 'defaultValue' | 'value'> &\n  Pick<PortalProps, 'mountNode'> & {\n    /**\n     * Callback issued when a date is selected\n     */\n    // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\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    // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\n    onOpenChange?: (open: boolean) => void;\n\n    /**\n     * Callback to run after the DatePicker's input has been validated\n     */\n    // eslint-disable-next-line @nx/workspace-consistent-callback-type -- can't change type of existing callback\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  Pick<DatePickerProps, 'mountNode'> & {\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":[],"rangeMappings":";;","mappings":"AA4OA;;CAEC,GACD,WAAuF"}

package/lib/components/DatePicker/defaults.js

@@ -0,0 +1,14 @@
+import { defaultCalendarStrings } from '@fluentui/react-calendar-compat';
+export const defaultDatePickerStrings = {
+    ...defaultCalendarStrings,
+    prevMonthAriaLabel: 'Go to previous month',
+    nextMonthAriaLabel: 'Go to next month',
+    prevYearAriaLabel: 'Go to previous year',
+    nextYearAriaLabel: 'Go to next year',
+    closeButtonAriaLabel: 'Close date picker'
+};
+export const defaultDatePickerErrorStrings = {
+    'invalid-input': 'Invalid date format',
+    'out-of-bounds': 'Date is out of bounds',
+    'required-input': 'Field is required'
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/defaults.ts"],"sourcesContent":["import { defaultCalendarStrings } from '@fluentui/react-calendar-compat';\nimport type { CalendarStrings } from '@fluentui/react-calendar-compat';\nimport type { DatePickerErrorType } from './DatePicker.types';\n\nexport const defaultDatePickerStrings: CalendarStrings = {\n  ...defaultCalendarStrings,\n  prevMonthAriaLabel: 'Go to previous month',\n  nextMonthAriaLabel: 'Go to next month',\n  prevYearAriaLabel: 'Go to previous year',\n  nextYearAriaLabel: 'Go to next year',\n  closeButtonAriaLabel: 'Close date picker',\n};\n\nexport const defaultDatePickerErrorStrings: Record<DatePickerErrorType, string> = {\n  'invalid-input': 'Invalid date format',\n  'out-of-bounds': 'Date is out of bounds',\n  'required-input': 'Field is required',\n};\n"],"names":["defaultCalendarStrings","defaultDatePickerStrings","prevMonthAriaLabel","nextMonthAriaLabel","prevYearAriaLabel","nextYearAriaLabel","closeButtonAriaLabel","defaultDatePickerErrorStrings"],"rangeMappings":";;;;;;;;;;;;;","mappings":"AAAA,SAASA,sBAAsB,QAAQ,kCAAkC;AAIzE,OAAO,MAAMC,2BAA4C;IACvD,GAAGD,sBAAsB;IACzBE,oBAAoB;IACpBC,oBAAoB;IACpBC,mBAAmB;IACnBC,mBAAmB;IACnBC,sBAAsB;AACxB,EAAE;AAEF,OAAO,MAAMC,gCAAqE;IAChF,iBAAiB;IACjB,iBAAiB;IACjB,kBAAkB;AACpB,EAAE"}

package/lib/components/DatePicker/index.js

@@ -0,0 +1,5 @@
+export { defaultDatePickerErrorStrings, defaultDatePickerStrings } from './defaults';
+export { DatePicker } from './DatePicker';
+export { renderDatePicker_unstable } from './renderDatePicker';
+export { useDatePicker_unstable } from './useDatePicker';
+export { datePickerClassNames, useDatePickerStyles_unstable } from './useDatePickerStyles.styles';

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/index.ts"],"sourcesContent":["export { defaultDatePickerErrorStrings, defaultDatePickerStrings } from './defaults';\nexport { DatePicker } from './DatePicker';\nexport type {\n  DatePickerErrorType,\n  DatePickerProps,\n  DatePickerSlots,\n  DatePickerState,\n  DatePickerValidationResultData,\n} from './DatePicker.types';\nexport { renderDatePicker_unstable } from './renderDatePicker';\nexport { useDatePicker_unstable } from './useDatePicker';\nexport { datePickerClassNames, useDatePickerStyles_unstable } from './useDatePickerStyles.styles';\n"],"names":["defaultDatePickerErrorStrings","defaultDatePickerStrings","DatePicker","renderDatePicker_unstable","useDatePicker_unstable","datePickerClassNames","useDatePickerStyles_unstable"],"rangeMappings":";;;;","mappings":"AAAA,SAASA,6BAA6B,EAAEC,wBAAwB,QAAQ,aAAa;AACrF,SAASC,UAAU,QAAQ,eAAe;AAQ1C,SAASC,yBAAyB,QAAQ,qBAAqB;AAC/D,SAASC,sBAAsB,QAAQ,kBAAkB;AACzD,SAASC,oBAAoB,EAAEC,4BAA4B,QAAQ,+BAA+B"}

package/lib/components/DatePicker/renderDatePicker.js

@@ -0,0 +1,22 @@
+  import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@fluentui/react-jsx-runtime/jsx-runtime";
+import { Portal } from '@fluentui/react-portal';
+import { assertSlots } from '@fluentui/react-utilities';
+/**
+ * Render the final JSX of DatePicker
+ */ export const renderDatePicker_unstable = (state)=>{
+    assertSlots(state);
+    const { inlinePopup } = state;
+    return /*#__PURE__*/ _jsxs(_Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(state.root, {}),
+            state.popupSurface && (inlinePopup ? /*#__PURE__*/ _jsx(state.popupSurface, {
+                children: /*#__PURE__*/ _jsx(state.calendar, {})
+            }) : /*#__PURE__*/ _jsx(Portal, {
+                mountNode: state.mountNode,
+                children: /*#__PURE__*/ _jsx(state.popupSurface, {
+                    children: /*#__PURE__*/ _jsx(state.calendar, {})
+                })
+            }))
+        ]
+    });
+};

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/renderDatePicker.tsx"],"sourcesContent":["/** @jsxRuntime automatic */\n/** @jsxImportSource @fluentui/react-jsx-runtime */\n\nimport { Portal } from '@fluentui/react-portal';\nimport { assertSlots } from '@fluentui/react-utilities';\nimport type { DatePickerSlots, DatePickerState } from './DatePicker.types';\n\n/**\n * Render the final JSX of DatePicker\n */\nexport const renderDatePicker_unstable = (state: DatePickerState) => {\n  assertSlots<DatePickerSlots>(state);\n  const { inlinePopup } = state;\n\n  return (\n    <>\n      <state.root />\n      {state.popupSurface &&\n        (inlinePopup ? (\n          <state.popupSurface>\n            <state.calendar />\n          </state.popupSurface>\n        ) : (\n          <Portal mountNode={state.mountNode}>\n            <state.popupSurface>\n              <state.calendar />\n            </state.popupSurface>\n          </Portal>\n        ))}\n    </>\n  );\n};\n"],"names":["Portal","assertSlots","renderDatePicker_unstable","state","inlinePopup","root","popupSurface","calendar","mountNode"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,0BAA0B,GAC1B,iDAAiD;AAEjD,SAASA,MAAM,QAAQ,yBAAyB;AAChD,SAASC,WAAW,QAAQ,4BAA4B;AAGxD;;CAEC,GACD,OAAO,MAAMC,4BAA4B,CAACC;IACxCF,YAA6BE;IAC7B,MAAM,EAAEC,WAAW,EAAE,GAAGD;IAExB,qBACE;;0BACE,KAACA,MAAME,IAAI;YACVF,MAAMG,YAAY,IAChBF,CAAAA,4BACC,KAACD,MAAMG,YAAY;0BACjB,cAAA,KAACH,MAAMI,QAAQ;+BAGjB,KAACP;gBAAOQ,WAAWL,MAAMK,SAAS;0BAChC,cAAA,KAACL,MAAMG,YAAY;8BACjB,cAAA,KAACH,MAAMI,QAAQ;;cAGrB;;;AAGR,EAAE"}