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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DatePicker/useDatePicker.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ArrowDown, Enter, Escape } from '@fluentui/keyboard-keys';\nimport { Calendar, compareDatePart, DayOfWeek, FirstWeekOfYear } from '@fluentui/react-calendar-compat';\nimport { CalendarMonthRegular } from '@fluentui/react-icons';\nimport { defaultDatePickerStrings } from './defaults';\nimport { Input } from '@fluentui/react-input';\nimport {\n  mergeCallbacks,\n  useControllableState,\n  useEventCallback,\n  useId,\n  useMergedRefs,\n  useOnClickOutside,\n  useOnScrollOutside,\n  slot,\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 '@fluentui/react-calendar-compat';\nimport type { DatePickerProps, DatePickerState, DatePickerValidationResultData } from './DatePicker.types';\nimport type { InputProps, InputOnChangeData } from '@fluentui/react-input';\n\nfunction isDateOutOfBounds(date: Date, minDate?: Date, maxDate?: Date): boolean {\n  return (!!minDate && compareDatePart(minDate!, date) > 0) || (!!maxDate && compareDatePart(maxDate!, date) < 0);\n}\n\nfunction useFocusLogic() {\n  const inputRef = React.useRef<HTMLInputElement>(null);\n  const preventFocusOpeningPicker = React.useRef(false);\n\n  const focus = React.useCallback(() => {\n    inputRef.current?.focus?.();\n  }, []);\n\n  const preventNextFocusOpeningPicker = React.useCallback(() => {\n    preventFocusOpeningPicker.current = true;\n  }, []);\n\n  return [focus, inputRef, preventFocusOpeningPicker, preventNextFocusOpeningPicker] as const;\n}\n\nfunction usePopupVisibility(props: DatePickerProps) {\n  'use no memo';\n\n  const [open, setOpen] = useControllableState({\n    initialState: false,\n    defaultState: props.defaultOpen,\n    state: props.open,\n  });\n  const isMounted = React.useRef(false);\n\n  React.useEffect(\n    () => {\n      if (isMounted.current && !open) {\n        // If DatePicker's menu (Calendar) is closed, run onAfterMenuDismiss\n        props.onOpenChange?.(false);\n      }\n      isMounted.current = true;\n    },\n    // Should only run on allowTextInput or open change\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [props.allowTextInput, open],\n  );\n\n  return [open, setOpen] as const;\n}\n\nfunction useSelectedDate({ formatDate, onSelectDate, value }: DatePickerProps) {\n  const [selectedDate, setSelectedDateState] = useControllableState<Date | null | undefined>({\n    initialState: null,\n    state: value,\n  });\n  const [formattedDate, setFormattedDate] = React.useState(() => (value && formatDate ? formatDate(value) : ''));\n\n  const setSelectedDate = (newDate: Date | null | undefined) => {\n    onSelectDate?.(newDate);\n    setSelectedDateState(newDate);\n    setFormattedDate(newDate && formatDate ? formatDate(newDate) : '');\n  };\n\n  React.useEffect(() => {\n    setFormattedDate(value && formatDate ? formatDate(value) : '');\n  }, [formatDate, value]);\n\n  return [selectedDate, formattedDate, setSelectedDate, setFormattedDate] as const;\n}\n\nconst defaultFormatDate = (date?: Date) => (date ? date.toDateString() : '');\nconst defaultParseDateFromString = (dateStr: string) => {\n  const date = Date.parse(dateStr);\n  return date ? new Date(date) : null;\n};\n\n/**\n * Create the state required to render DatePicker.\n *\n * The returned state can be modified with hooks such as useDatePickerStyles_unstable,\n * before being passed to renderDatePicker_unstable.\n *\n * @param props - props from this instance of DatePicker\n * @param ref - reference to root Input slot\n */\nexport const useDatePicker_unstable = (props: DatePickerProps, ref: React.Ref<HTMLInputElement>): DatePickerState => {\n  'use no memo';\n\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: initialPickerDateProp,\n    inlinePopup = false,\n    isMonthPickerVisible = true,\n    maxDate,\n    minDate,\n    mountNode,\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\n  const initialPickerDate = React.useMemo(() => initialPickerDateProp ?? new Date(), [initialPickerDateProp]);\n\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 defaultId = useId('datePicker-input');\n  const popupSurfaceId = useId('datePicker-popupSurface');\n\n  const validateTextInput = React.useCallback(\n    (date: Date | null = null): void => {\n      let error: DatePickerValidationResultData['error'];\n\n      if (allowTextInput) {\n        if (formattedDate || date) {\n          // Don't parse if the selected date has the same formatted string as what we're about to parse.\n          // The formatted string might be ambiguous (ex: \"1/2/3\" or \"New Year Eve\") and the parser might\n          // not be able to come up with the exact same date.\n          if (selectedDate && formatDate && formatDate(date ?? selectedDate) === formattedDate) {\n            return;\n          }\n          date = date || parseDateFromString!(formattedDate);\n\n          // Check if date is null or date is an invalid date\n          if (!date || isNaN(date.getTime())) {\n            // Reset input if formatting is available\n            setSelectedDate(selectedDate);\n            error = 'invalid-input';\n          } else {\n            if (isDateOutOfBounds(date, minDate, maxDate)) {\n              error = 'out-of-bounds';\n            } else {\n              setSelectedDate(date);\n            }\n          }\n        } else {\n          if (required) {\n            error = 'required-input';\n          }\n\n          onUserSelectDate?.(date);\n        }\n      } else if (required && !formattedDate) {\n        error = 'required-input';\n      }\n\n      onValidationResult?.({ error });\n    },\n    [\n      allowTextInput,\n      formatDate,\n      formattedDate,\n      maxDate,\n      minDate,\n      onUserSelectDate,\n      onValidationResult,\n      parseDateFromString,\n      required,\n      selectedDate,\n      setSelectedDate,\n    ],\n  );\n\n  const setOpen = React.useCallback(\n    (newState: boolean) => {\n      onOpenChange?.(newState);\n      setOpenState(newState);\n\n      if (!open && !props.disabled) {\n        focus();\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [focus, onOpenChange, props.disabled, setOpenState],\n  );\n\n  const dismissDatePickerPopup = React.useCallback(\n    (newlySelectedDate?: Date | null): void => {\n      if (open) {\n        setOpen(false);\n\n        validateTextInput(newlySelectedDate);\n        if (!allowTextInput && newlySelectedDate) {\n          setSelectedDate(newlySelectedDate);\n        }\n      }\n    },\n    [allowTextInput, open, setOpen, setSelectedDate, validateTextInput],\n  );\n\n  const showDatePickerPopup = React.useCallback((): void => {\n    if (!open) {\n      preventNextFocusOpeningPicker();\n      setOpen(true);\n    }\n  }, [open, preventNextFocusOpeningPicker, setOpen]);\n\n  /**\n   * Callback for closing the calendar callout\n   */\n  const calendarDismissed = React.useCallback(\n    (newlySelectedDate?: Date): void => {\n      preventNextFocusOpeningPicker();\n      dismissDatePickerPopup(newlySelectedDate);\n    },\n    [dismissDatePickerPopup, preventNextFocusOpeningPicker],\n  );\n\n  const onInputChange = React.useCallback(\n    (_: 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 (!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\n  const inputRoot = slot.always(props.root, {\n    defaultProps: {\n      ref: triggerWrapperRef,\n    },\n    elementType: 'span',\n  });\n  inputRoot.ref = useMergedRefs(inputRoot.ref, triggerWrapperRef);\n\n  const input = slot.always(props.input, {\n    elementType: 'input',\n  });\n  input.ref = useMergedRefs(input.ref, ref, rootRef);\n\n  // Props to create a semantic but non-focusable button on the element with the click-to-open handler\n  // Used for voice control and touch screen reader accessibility\n  const inputLabelledBy = props['aria-labelledby'];\n  const inputId = props.id ?? defaultId;\n  const iconA11yProps = React.useMemo(\n    () => ({\n      role: 'button',\n      'aria-expanded': open,\n      'aria-labelledby': inputLabelledBy ?? inputId,\n    }),\n    [open, inputLabelledBy, inputId],\n  );\n\n  const contentAfter = slot.always(props.contentAfter || {}, {\n    defaultProps: {\n      children: <CalendarMonthRegular />,\n      ...iconA11yProps,\n    },\n    elementType: 'span',\n  });\n  contentAfter.onClick = useEventCallback(mergeCallbacks(contentAfter.onClick, onIconClick));\n\n  const root = slot.always(restOfProps, {\n    defaultProps: {\n      appearance: inputAppearance,\n      'aria-controls': open ? popupSurfaceId : undefined,\n      'aria-expanded': open,\n      'aria-haspopup': 'dialog',\n      readOnly: !allowTextInput,\n      role: 'combobox',\n      id: inputId,\n    },\n    elementType: Input,\n  });\n  root.root = inputRoot;\n  root.input = input;\n  root.contentAfter = contentAfter;\n  root.onChange = useEventCallback(mergeCallbacks(root.onChange, onInputChange));\n  root.onBlur = useEventCallback(mergeCallbacks(root.onBlur, onInputBlur));\n  root.onKeyDown = useEventCallback(mergeCallbacks(root.onKeyDown, onInputKeyDown));\n  root.onFocus = useEventCallback(mergeCallbacks(root.onFocus, onInputFocus));\n  root.onClick = useEventCallback(mergeCallbacks(root.onClick, onInputClick));\n\n  const { modalAttributes } = useModalAttributes({ trapFocus: true, alwaysFocusable: true, legacyTrapFocus: true });\n  const popupSurface = open\n    ? slot.optional(props.popupSurface, {\n        renderByDefault: true,\n        defaultProps: {\n          'aria-label': 'Calendar',\n          'aria-modal': true,\n          id: popupSurfaceId,\n          role: 'dialog',\n          ref: popupRef,\n          ...modalAttributes,\n        },\n        elementType: 'div',\n      })\n    : undefined;\n  const { targetDocument } = useFluent();\n  useOnClickOutside({\n    element: targetDocument,\n    callback: ev => dismissDatePickerPopup(),\n    refs: [triggerWrapperRef, popupRef],\n    disabled: !open,\n  });\n  useOnScrollOutside({\n    element: targetDocument,\n    callback: ev => dismissDatePickerPopup(),\n    refs: [triggerWrapperRef, popupRef],\n    disabled: !open,\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  const calendarShorthand = slot.always(props.calendar, {\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    elementType: Calendar,\n  });\n  calendarShorthand.onDismiss = useEventCallback(mergeCallbacks(calendarShorthand.onDismiss, calendarDismissed));\n  calendarShorthand.onSelectDate = useEventCallback(mergeCallbacks(calendarShorthand.onSelectDate, calendarDismissed));\n  const state: DatePickerState = {\n    disabled: !!props.disabled,\n    inlinePopup,\n    components: { root: Input, calendar: Calendar as React.FC<Partial<CalendarProps>>, popupSurface: 'div' },\n    calendar: calendarShorthand,\n    mountNode,\n    root,\n    popupSurface,\n  };\n\n  state.root.value = formattedDate;\n\n  return state;\n};\n"],"names":["useDatePicker_unstable","isDateOutOfBounds","date","minDate","maxDate","compareDatePart","useFocusLogic","inputRef","React","useRef","preventFocusOpeningPicker","focus","useCallback","current","preventNextFocusOpeningPicker","usePopupVisibility","props","open","setOpen","useControllableState","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","ref","allFocusable","borderless","dateTimeFormatter","disableAutoFocus","firstDayOfWeek","DayOfWeek","Sunday","firstWeekOfYear","FirstWeekOfYear","FirstDay","highlightCurrentMonth","highlightSelectedMonth","initialPickerDate","initialPickerDateProp","inlinePopup","isMonthPickerVisible","mountNode","onUserSelectDate","openOnClick","onValidationResult","parseDateFromString","showCloseButton","showGoToToday","showMonthPickerAsOverlay","showWeekNumbers","strings","defaultDatePickerStrings","today","underlined","restOfProps","useMemo","calendar","rootRef","setOpenState","fieldContext","useFieldContext","required","defaultId","useId","popupSurfaceId","validateTextInput","error","isNaN","getTime","newState","disabled","dismissDatePickerPopup","newlySelectedDate","showDatePickerPopup","calendarDismissed","onInputChange","_","data","newValue","onInputBlur","onInputKeyDown","ev","key","Enter","preventDefault","stopPropagation","Escape","ArrowDown","onInputFocus","onInputClick","onIconClick","inputAppearance","triggerWrapperRef","popupRef","usePopupPositioning","inputRoot","slot","always","root","defaultProps","elementType","useMergedRefs","input","inputLabelledBy","inputId","id","iconA11yProps","role","contentAfter","children","createElement","CalendarMonthRegular","onClick","useEventCallback","mergeCallbacks","appearance","undefined","readOnly","Input","onChange","onBlur","onKeyDown","onFocus","modalAttributes","useModalAttributes","trapFocus","alwaysFocusable","legacyTrapFocus","popupSurface","optional","renderByDefault","targetDocument","useFluent","useOnClickOutside","element","callback","refs","useOnScrollOutside","calendarShorthand","componentRef","Calendar","onDismiss","components"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"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"}

package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    datePickerClassNames: function() {
+        return datePickerClassNames;
+    },
+    useDatePickerStyles_unstable: function() {
+        return useDatePickerStyles_unstable;
+    }
+});
+const _react = require("@griffel/react");
+const datePickerClassNames = {
+    root: 'fui-DatePicker',
+    calendar: 'fui-DatePicker__calendar',
+    popupSurface: 'fui-DatePicker__popupSurface'
+};
+const useStyles = /*#__PURE__*/ (0, _react.__styles)({
+    base: {
+        qhf8xq: "f10pi13n",
+        Bceei9c: "f1k6fduh",
+        xfaavh: "faxec97"
+    },
+    disabled: {
+        Bceei9c: "f158kwzp",
+        xfaavh: "f19qwlmg"
+    },
+    inline: {
+        Bj3rh1h: "f19g0ac"
+    }
+}, {
+    d: [
+        ".f10pi13n{position:relative;}",
+        ".f1k6fduh{cursor:pointer;}",
+        ".faxec97 input{cursor:pointer;}",
+        ".f158kwzp{cursor:default;}",
+        ".f19qwlmg input{cursor:default;}",
+        ".f19g0ac{z-index:1;}"
+    ]
+});
+const usePopupSurfaceClassName = /*#__PURE__*/ (0, _react.__resetStyles)("r1ytv1z8", null, [
+    ".r1ytv1z8{background-color:var(--colorNeutralBackground1);box-shadow:var(--shadow16);border-radius:var(--borderRadiusMedium);border-width:1px;border-style:solid;border-color:var(--colorTransparentStroke);display:inline-flex;color:var(--colorNeutralForeground1);font-family:var(--fontFamilyBase);font-size:var(--fontSizeBase300);font-weight:var(--fontWeightRegular);line-height:var(--lineHeightBase300);}"
+]);
+const useDatePickerStyles_unstable = (state)=>{
+    'use no memo';
+    const styles = useStyles();
+    const popupSurfaceClassName = usePopupSurfaceClassName();
+    const { disabled, inlinePopup } = state;
+    state.root.className = (0, _react.mergeClasses)(datePickerClassNames.root, styles.base, disabled && styles.disabled, state.root.className);
+    if (state.popupSurface) {
+        state.popupSurface.className = (0, _react.mergeClasses)(datePickerClassNames.popupSurface, popupSurfaceClassName, state.popupSurface.className, inlinePopup && styles.inline);
+    }
+    state.calendar.className = (0, _react.mergeClasses)(datePickerClassNames.calendar, state.calendar.className);
+    return state;
+};

package/lib-commonjs/components/DatePicker/useDatePickerStyles.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["useDatePickerStyles.styles.js"],"sourcesContent":["import { makeResetStyles, makeStyles, mergeClasses } from '@griffel/react';\nimport { tokens, typographyStyles } from '@fluentui/react-theme';\nexport const datePickerClassNames = {\n    root: 'fui-DatePicker',\n    calendar: 'fui-DatePicker__calendar',\n    popupSurface: 'fui-DatePicker__popupSurface'\n};\nconst useStyles = makeStyles({\n    base: {\n        position: 'relative',\n        cursor: 'pointer',\n        '& input': {\n            cursor: 'pointer'\n        }\n    },\n    disabled: {\n        cursor: 'default',\n        '& input': {\n            cursor: 'default'\n        }\n    },\n    inline: {\n        // When rendering inline, the popupSurface will be rendered under relatively positioned elements such as Input.\n        // This is due to the surface being positioned as absolute, therefore zIndex: 1 ensures that won't happen.\n        zIndex: 1\n    }\n});\nconst usePopupSurfaceClassName = makeResetStyles({\n    backgroundColor: tokens.colorNeutralBackground1,\n    boxShadow: tokens.shadow16,\n    borderRadius: tokens.borderRadiusMedium,\n    borderWidth: '1px',\n    borderStyle: 'solid',\n    borderColor: tokens.colorTransparentStroke,\n    display: 'inline-flex',\n    color: tokens.colorNeutralForeground1,\n    ...typographyStyles.body1\n});\n/**\n * Apply styling to the DatePicker slots based on the state\n */ export const useDatePickerStyles_unstable = (state)=>{\n    'use no memo';\n    const styles = useStyles();\n    const popupSurfaceClassName = usePopupSurfaceClassName();\n    const { disabled, inlinePopup } = state;\n    state.root.className = mergeClasses(datePickerClassNames.root, styles.base, disabled && styles.disabled, state.root.className);\n    if (state.popupSurface) {\n        state.popupSurface.className = mergeClasses(datePickerClassNames.popupSurface, popupSurfaceClassName, state.popupSurface.className, inlinePopup && styles.inline);\n    }\n    state.calendar.className = mergeClasses(datePickerClassNames.calendar, state.calendar.className);\n    return state;\n};\n"],"names":["datePickerClassNames","useDatePickerStyles_unstable","root","calendar","popupSurface","useStyles","__styles","base","qhf8xq","Bceei9c","xfaavh","disabled","inline","Bj3rh1h","d","usePopupSurfaceClassName","__resetStyles","state","styles","popupSurfaceClassName","inlinePopup","className","mergeClasses"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAEaA,oBAAoB;eAApBA;;IAsCIC,4BAA4B;eAA5BA;;;uBAxCyC;AAEnD,MAAMD,uBAAuB;IAChCE,MAAM;IACNC,UAAU;IACVC,cAAc;AAClB;AACA,MAAMC,YAAS,WAAA,GAAGC,IAAAA,eAAA,EAAA;IAAAC,MAAA;QAAAC,QAAA;QAAAC,SAAA;QAAAC,QAAA;IAAA;IAAAC,UAAA;QAAAF,SAAA;QAAAC,QAAA;IAAA;IAAAE,QAAA;QAAAC,SAAA;IAAA;AAAA,GAAA;IAAAC,GAAA;QAAA;QAAA;QAAA;QAAA;QAAA;QAAA;KAAA;AAAA;AAoBlB,MAAMC,2BAAwB,WAAA,GAAGC,IAAAA,oBAAA,EAAA,YAAA,MAAA;IAAA;CAUhC;AAGU,MAAMf,+BAAgCgB,CAAAA;IAC7C;IACA,MAAMC,SAASb;IACf,MAAMc,wBAAwBJ;IAC9B,MAAM,EAAEJ,QAAQ,EAAES,WAAAA,EAAa,GAAGH;IAClCA,MAAMf,IAAI,CAACmB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBE,IAAI,EAAEgB,OAAOX,IAAI,EAAEI,YAAYO,OAAOP,QAAQ,EAAEM,MAAMf,IAAI,CAACmB,SAAS;IAC7H,IAAIJ,MAAMb,YAAY,EAAE;QACpBa,MAAMb,YAAY,CAACiB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBI,YAAY,EAAEe,uBAAuBF,MAAMb,YAAY,CAACiB,SAAS,EAAED,eAAeF,OAAON,MAAM;IACpK;IACAK,MAAMd,QAAQ,CAACkB,SAAS,GAAGC,IAAAA,mBAAY,EAACtB,qBAAqBG,QAAQ,EAAEc,MAAMd,QAAQ,CAACkB,SAAS;IAC/F,OAAOJ;AACX"}

package/lib-commonjs/index.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    DatePicker: function() {
+        return _DatePicker.DatePicker;
+    },
+    datePickerClassNames: function() {
+        return _DatePicker.datePickerClassNames;
+    },
+    defaultDatePickerErrorStrings: function() {
+        return _DatePicker.defaultDatePickerErrorStrings;
+    },
+    defaultDatePickerStrings: function() {
+        return _DatePicker.defaultDatePickerStrings;
+    },
+    renderDatePicker_unstable: function() {
+        return _DatePicker.renderDatePicker_unstable;
+    },
+    useDatePickerStyles_unstable: function() {
+        return _DatePicker.useDatePickerStyles_unstable;
+    },
+    useDatePicker_unstable: function() {
+        return _DatePicker.useDatePicker_unstable;
+    }
+});
+const _DatePicker = require("./DatePicker");

package/lib-commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"sourcesContent":["export {\n  DatePicker,\n  datePickerClassNames,\n  defaultDatePickerErrorStrings,\n  defaultDatePickerStrings,\n  renderDatePicker_unstable,\n  useDatePicker_unstable,\n  useDatePickerStyles_unstable,\n} from './DatePicker';\nexport type { DatePickerErrorType, DatePickerProps, DatePickerValidationResultData } from './DatePicker';\n// Re-exporting so there's no need to add @fluentui/react-calendar-compat to dependencies just to localize.\nexport type { CalendarStrings } from '@fluentui/react-calendar-compat';\n"],"names":["DatePicker","datePickerClassNames","defaultDatePickerErrorStrings","defaultDatePickerStrings","renderDatePicker_unstable","useDatePickerStyles_unstable","useDatePicker_unstable"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IACEA,UAAU;eAAVA,sBAAU;;IACVC,oBAAoB;eAApBA,gCAAoB;;IACpBC,6BAA6B;eAA7BA,yCAA6B;;IAC7BC,wBAAwB;eAAxBA,oCAAwB;;IACxBC,yBAAyB;eAAzBA,qCAAyB;;IAEzBC,4BAA4B;eAA5BA,wCAA4B;;IAD5BC,sBAAsB;eAAtBA,kCAAsB;;;4BAEjB"}

package/lib-commonjs/utils/usePopupPositioning.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "usePopupPositioning", {
+    enumerable: true,
+    get: function() {
+        return usePopupPositioning;
+    }
+});
+const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+const _reactpositioning = require("@fluentui/react-positioning");
+function usePopupPositioning(props) {
+    const { positioning } = props;
+    const popupOptions = {
+        position: 'below',
+        align: 'start',
+        ...(0, _reactpositioning.resolvePositioningShorthand)(positioning)
+    };
+    const { targetRef, containerRef } = (0, _reactpositioning.usePositioning)(popupOptions);
+    return [
+        targetRef,
+        containerRef
+    ];
+}

package/lib-commonjs/utils/usePopupPositioning.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/usePopupPositioning.ts"],"sourcesContent":["import * as React from 'react';\nimport { resolvePositioningShorthand, usePositioning } from '@fluentui/react-positioning';\nimport type { DatePickerProps } from '../DatePicker';\n\n/**\n * Hook used to handle positioning of the popup.\n *\n * @param props - DatePicker props\n * @returns tuple of trigger and popup refs\n * @internal\n */\nexport function usePopupPositioning(\n  props: DatePickerProps,\n): [triggerRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLDivElement>] {\n  const { positioning } = props;\n\n  const popupOptions = {\n    position: 'below' as const,\n    align: 'start' as const,\n    ...resolvePositioningShorthand(positioning),\n  };\n\n  const { targetRef, containerRef } = usePositioning(popupOptions);\n\n  return [targetRef, containerRef];\n}\n"],"names":["usePopupPositioning","props","positioning","popupOptions","position","align","resolvePositioningShorthand","targetRef","containerRef","usePositioning"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWgBA;;;eAAAA;;;;iEAXO;kCACqC;AAUrD,SAASA,oBACdC,KAAsB;IAEtB,MAAM,EAAEC,WAAW,EAAE,GAAGD;IAExB,MAAME,eAAe;QACnBC,UAAU;QACVC,OAAO;QACP,GAAGC,IAAAA,6CAAAA,EAA4BJ,YAAY;IAC7C;IAEA,MAAM,EAAEK,SAAS,EAAEC,YAAY,EAAE,GAAGC,IAAAA,gCAAAA,EAAeN;IAEnD,OAAO;QAACI;QAAWC;KAAa;AAClC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fluentui/react-datepicker-compat",
-  "version": "0.0.0-nightly-20250423-0405.1",
+  "version": "0.0.0-nightly-20250423-1415.1",
   "description": "React components for building web experiences",
   "main": "lib-commonjs/index.js",
   "module": "lib/index.js",
@@ -12,27 +12,27 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@fluentui/react-provider": "0.0.0-nightly-20250423-0405.1",
+    "@fluentui/react-provider": "0.0.0-nightly-20250423-1415.1",
     "@fluentui/eslint-plugin": "*",
-    "@fluentui/react-conformance": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250423-0405.1",
+    "@fluentui/react-conformance": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-conformance-griffel": "0.0.0-nightly-20250423-1415.1",
     "@fluentui/scripts-api-extractor": "*",
     "@fluentui/scripts-cypress": "*"
   },
   "dependencies": {
-    "@fluentui/keyboard-keys": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-calendar-compat": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-field": "0.0.0-nightly-20250423-0405.1",
+    "@fluentui/keyboard-keys": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-calendar-compat": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-field": "0.0.0-nightly-20250423-1415.1",
     "@fluentui/react-icons": "^2.0.245",
-    "@fluentui/react-input": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-popover": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-portal": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-positioning": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-shared-contexts": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-tabster": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-theme": "0.0.0-nightly-20250423-0405.1",
-    "@fluentui/react-utilities": "0.0.0-nightly-20250423-0405.1",
+    "@fluentui/react-input": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-jsx-runtime": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-popover": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-portal": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-positioning": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-shared-contexts": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-tabster": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-theme": "0.0.0-nightly-20250423-1415.1",
+    "@fluentui/react-utilities": "0.0.0-nightly-20250423-1415.1",
     "@griffel/react": "^1.5.22",
     "@swc/helpers": "^0.5.1"
   },