@react-types/datepicker 3.13.5 → 3.14.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-types/datepicker",
-  "version": "3.13.5",
+  "version": "3.14.0",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "types": "src/index.d.ts",
@@ -9,16 +9,17 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@internationalized/date": "^3.12.0",
-    "@react-types/calendar": "^3.8.3",
-    "@react-types/overlays": "^3.9.4",
-    "@react-types/shared": "^3.33.1"
+    "@react-aria/datepicker": "^3.17.0",
+    "@react-spectrum/datepicker": "^3.15.0",
+    "@react-stately/datepicker": "^3.17.0"
   },
   "publishConfig": {
     "access": "public"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
+    "@react-spectrum/provider": "^3.0.0",
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1"
   },
-  "gitHead": "8df187370053aa35f553cb388ad670f65e1ab371"
+  "gitHead": "a6999bdf494a2e9c0381a5881908328bdd22ddae"
 }

package/src/index.d.ts

@@ -10,185 +10,14 @@
  * governing permissions and limitations under the License.
  */
 
-import {
-  AriaLabelingProps,
-  DOMProps,
-  FocusableProps,
-  HelpTextProps,
-  InputBase,
-  InputDOMProps,
-  LabelableProps,
-  RangeValue,
-  SpectrumFieldValidation,
-  SpectrumLabelableProps,
-  StyleProps,
-  Validation,
-  ValueBase
-} from '@react-types/shared';
-import {CalendarDate, CalendarDateTime, CalendarIdentifier, Calendar as ICalendar, Time, ZonedDateTime} from '@internationalized/date';
-import {OverlayTriggerProps} from '@react-types/overlays';
-import {PageBehavior} from '@react-types/calendar';
+import {AriaDatePickerProps} from '@react-aria/datepicker';
+import {DateValue, TimeValue} from '@react-stately/datepicker';
+import {SpectrumTimeFieldProps} from '@react-spectrum/datepicker';
 
-export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
-type MappedDateValue<T> =
-  T extends ZonedDateTime ? ZonedDateTime :
-  T extends CalendarDateTime ? CalendarDateTime :
-  T extends CalendarDate ? CalendarDate :
-  never;
-
-export type Granularity = 'day' | 'hour' | 'minute' | 'second';
-interface DateFieldBase<T extends DateValue> extends InputBase, Validation<MappedDateValue<T>>, FocusableProps, LabelableProps, HelpTextProps {
-  /** The minimum allowed date that a user may select. */
-  minValue?: DateValue | null,
-  /** The maximum allowed date that a user may select. */
-  maxValue?: DateValue | null,
-  /** Callback that is called for each date of the calendar. If it returns true, then the date is unavailable. */
-  isDateUnavailable?: (date: DateValue) => boolean,
-  /** A placeholder date that influences the format of the placeholder shown when no value is selected. Defaults to today's date at midnight. */
-  placeholderValue?: T | null,
-  /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */
-  hourCycle?: 12 | 24,
-  /** Determines the smallest unit that is displayed in the date picker. By default, this is `"day"` for dates, and `"minute"` for times. */
-  granularity?: Granularity,
-  /**
-   * Whether to hide the time zone abbreviation.
-   * @default false
-   */
-  hideTimeZone?: boolean,
-  /**
-   * Whether to always show leading zeros in the month, day, and hour fields.
-   * By default, this is determined by the user's locale.
-   */
-  shouldForceLeadingZeros?: boolean
-}
-
-interface AriaDateFieldBaseProps<T extends DateValue> extends DateFieldBase<T>, AriaLabelingProps, DOMProps {}
-export interface DateFieldProps<T extends DateValue> extends DateFieldBase<T>, ValueBase<T | null, MappedDateValue<T> | null> {}
-export interface AriaDateFieldProps<T extends DateValue> extends DateFieldProps<T>, AriaDateFieldBaseProps<T>, InputDOMProps {
-  /**
-   * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
-   */
-  autoComplete?: string
-}
-
-interface DatePickerBase<T extends DateValue> extends DateFieldBase<T>, OverlayTriggerProps {
-  /**
-   * Controls the behavior of paging. Pagination either works by advancing the visible page by visibleDuration (default) or one unit of visibleDuration.
-   * @default visible
-   */
-  pageBehavior?: PageBehavior,
-  /**
-   * The day that starts the week.
-   */
-  firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
-}
-export interface AriaDatePickerBaseProps<T extends DateValue> extends DatePickerBase<T>, AriaLabelingProps, InputDOMProps, DOMProps {}
-
-export interface DatePickerProps<T extends DateValue> extends DatePickerBase<T>, ValueBase<T | null, MappedDateValue<T> | null> {}
-export interface AriaDatePickerProps<T extends DateValue> extends DatePickerProps<T>, AriaDatePickerBaseProps<T>, InputDOMProps {
-  /**
-   * Describes the type of autocomplete functionality the input should provide if any. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete).
-   */
-  autoComplete?: string
-}
-
-export type DateRange = RangeValue<DateValue>;
-export interface DateRangePickerProps<T extends DateValue> extends Omit<DatePickerBase<T>, 'validate'>, Validation<RangeValue<MappedDateValue<T>>>, ValueBase<RangeValue<T> | null, RangeValue<MappedDateValue<T>> | null> {
-  /**
-   * When combined with `isDateUnavailable`, determines whether non-contiguous ranges,
-   * i.e. ranges containing unavailable dates, may be selected.
-   */
-  allowsNonContiguousRanges?: boolean,
-  /**
-   * The name of the start date input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
-   */
-  startName?: string,
-  /**
-   * The name of the end date input element, used when submitting an HTML form. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefname).
-   */
-  endName?: string
-}
-
-export interface AriaDateRangePickerProps<T extends DateValue> extends Omit<AriaDatePickerBaseProps<T>, 'validate' | 'name'>, DateRangePickerProps<T> {}
-
-interface SpectrumDateFieldBase<T extends DateValue> extends SpectrumLabelableProps, HelpTextProps, SpectrumFieldValidation<MappedDateValue<T>>, StyleProps {
-  /**
-   * Whether the date picker should be displayed with a quiet style.
-   * @default false
-   */
-  isQuiet?: boolean,
-  /**
-   * Whether to show the localized date format as help text below the field.
-   * @default false
-   */
-  showFormatHelpText?: boolean
-}
-
-interface SpectrumDatePickerBase<T extends DateValue> extends SpectrumDateFieldBase<T>, SpectrumLabelableProps, StyleProps {
-  /**
-   * The maximum number of months to display at once in the calendar popover, if screen space permits.
-   * @default 1
-   */
-  maxVisibleMonths?: number,
-  /**
-   * Whether the calendar popover should automatically flip direction when space is limited.
-   * @default true
-   */
-  shouldFlip?: boolean,
-  /**
-   * A function to create a new [Calendar](https://react-spectrum.adobe.com/internationalized/date/Calendar.html)
-   * object for a given calendar identifier. This will be used for the popover calendar. If not provided, the
-   * `createCalendar` function from `@internationalized/date` will be used.
-   */
-  createCalendar?: (identifier: CalendarIdentifier) => ICalendar
-}
-
-export interface SpectrumDatePickerProps<T extends DateValue> extends Omit<AriaDatePickerProps<T>, 'isInvalid' | 'validationState' | 'autoComplete'>, SpectrumDatePickerBase<T> {}
-export interface SpectrumDateRangePickerProps<T extends DateValue> extends Omit<AriaDateRangePickerProps<T>, 'isInvalid' | 'validationState'>, Omit<SpectrumDatePickerBase<T>, 'validate'> {}
-export interface SpectrumDateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'isInvalid' | 'validationState' | 'autoComplete'>, SpectrumDateFieldBase<T> {}
-
-export type TimeValue = Time | CalendarDateTime | ZonedDateTime;
-type MappedTimeValue<T> =
-  T extends ZonedDateTime ? ZonedDateTime :
-  T extends CalendarDateTime ? CalendarDateTime :
-  T extends Time ? Time :
-  never;
-
-export interface TimePickerProps<T extends TimeValue> extends InputBase, Validation<MappedTimeValue<T>>, FocusableProps, LabelableProps, HelpTextProps, ValueBase<T | null, MappedTimeValue<T> | null> {
-  /** Whether to display the time in 12 or 24 hour format. By default, this is determined by the user's locale. */
-  hourCycle?: 12 | 24,
-  /**
-   * Determines the smallest unit that is displayed in the time picker.
-   * @default 'minute'
-   */
-  granularity?: 'hour' | 'minute' | 'second',
-  /** Whether to hide the time zone abbreviation. */
-  hideTimeZone?: boolean,
-  /**
-   * Whether to always show leading zeros in the hour field.
-   * By default, this is determined by the user's locale.
-   */
-  shouldForceLeadingZeros?: boolean,
-  /**
-   * A placeholder time that influences the format of the placeholder shown when no value is selected.
-   * Defaults to 12:00 AM or 00:00 depending on the hour cycle.
-   */
-  placeholderValue?: T,
-  /** The minimum allowed time that a user may select. */
-  minValue?: TimeValue | null,
-  /** The maximum allowed time that a user may select. */
-  maxValue?: TimeValue | null
-}
-
-export interface AriaTimeFieldProps<T extends TimeValue> extends TimePickerProps<T>, AriaLabelingProps, DOMProps, InputDOMProps {}
-
-export interface SpectrumTimeFieldProps<T extends TimeValue> extends Omit<AriaTimeFieldProps<T>, 'isInvalid' | 'validationState'>, SpectrumFieldValidation<MappedTimeValue<T>>, SpectrumLabelableProps, StyleProps, InputDOMProps {
-  /**
-   * Whether the time field should be displayed with a quiet style.
-   * @default false
-   */
-  isQuiet?: boolean
-}
+export {DateValue, DateRange, TimeValue, MappedDateValue, MappedTimeValue, Granularity, DateFieldProps, DatePickerProps, DateRangePickerProps, TimePickerProps} from '@react-stately/datepicker';
+export {AriaDateFieldProps, AriaDatePickerProps, AriaDateRangePickerProps, AriaTimeFieldProps} from '@react-aria/datepicker';
+export {SpectrumDatePickerProps, SpectrumDateRangePickerProps, SpectrumDateFieldProps, SpectrumTimeFieldProps} from '@react-spectrum/datepicker';
 
 // backward compatibility
+export type AriaDatePickerBaseProps<T extends DateValue> = AriaDatePickerProps<T>;
 export type SpectrumTimePickerProps<T extends TimeValue> = SpectrumTimeFieldProps<T>;