@zendeskgarden/react-datepickers 9.0.0-next.9 → 9.1.0

package/dist/typings/elements/DatePicker/utils/date-picker-reducer.d.ts

@@ -31,11 +31,11 @@ export type DatePickerAction = {
     value: Date;
 };
 export declare const datepickerReducer: ({ value, formatDate, locale, customParseDate, onChange }: {
-    value?: Date | undefined;
-    formatDate?: ((date: Date) => string) | undefined;
+    value?: Date;
+    formatDate?: (date: Date) => string;
     locale: any;
-    customParseDate?: ((inputValue: string) => Date) | undefined;
-    onChange?: ((date: Date) => void) | undefined;
+    customParseDate?: (inputValue: string) => Date;
+    onChange?: (date: Date) => void;
 }) => (state: IDatePickerState, action: DatePickerAction) => IDatePickerState;
 /**
  * Retrieve initial state for the DatePicker reducer

package/dist/typings/elements/DatePicker/utils/useDatePickerContext.d.ts

@@ -4,7 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-/// <reference types="react" />
 import { IDatePickerState, DatePickerAction } from './date-picker-reducer';
 export interface IDatePickerContext {
     state: IDatePickerState;

package/dist/typings/elements/DatePickerRange/DatePickerRange.d.ts

@@ -10,7 +10,7 @@ import { IDatePickerRangeProps } from '../../types';
 import { Start } from './components/Start';
 import { End } from './components/End';
 import { Calendar } from './components/Calendar';
-export declare const DatePickerRange: {
+declare const DatePickerRangeComponent: {
     (props: PropsWithChildren<IDatePickerRangeProps>): React.JSX.Element;
     propTypes: {
         locale: PropTypes.Requireable<string>;
@@ -28,8 +28,10 @@ export declare const DatePickerRange: {
         locale: string;
         isCompact: boolean;
     };
-} & {
+};
+export declare const DatePickerRange: typeof DatePickerRangeComponent & {
     Calendar: typeof Calendar;
     End: typeof End;
     Start: typeof Start;
 };
+export {};

package/dist/typings/elements/DatePickerRange/utils/date-picker-range-reducer.d.ts

@@ -59,11 +59,11 @@ export type DatePickerRangeAction = {
     value?: Date;
 };
 export declare const datepickerRangeReducer: ({ startValue, endValue, locale, formatDate, customParseDate }: {
-    startValue?: Date | undefined;
-    endValue?: Date | undefined;
-    locale?: string | undefined;
+    startValue?: Date;
+    endValue?: Date;
+    locale?: string;
     formatDate?: any;
-    customParseDate?: ((inputValue?: string) => Date) | undefined;
+    customParseDate?: (inputValue?: string) => Date;
 }) => (state: IDatePickerRangeState, action: DatePickerRangeAction) => IDatePickerRangeState;
 /**
  * Retrieve initial state for the DatePicker reducer

package/dist/typings/styled/StyledCalendar.d.ts

@@ -5,9 +5,10 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 interface IStyledCalendarProps {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledCalendar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
-} & IStyledCalendarProps, "data-garden-id">;
+    'data-garden-version': string;
+} & IStyledCalendarProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/StyledCalendarItem.d.ts

@@ -5,11 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { ThemeProps, DefaultTheme } from 'styled-components';
-export declare const retrieveSize: ({ isCompact, theme }: IStyledCalendarItemProps & ThemeProps<DefaultTheme>) => import("styled-components").FlattenSimpleInterpolation;
+export declare const sizeStyles: ({ $isCompact, theme }: IStyledCalendarItemProps & ThemeProps<DefaultTheme>) => import("styled-components").FlattenSimpleInterpolation;
 interface IStyledCalendarItemProps {
-    isCompact?: boolean;
+    $isCompact?: boolean;
 }
 export declare const StyledCalendarItem: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
-} & IStyledCalendarItemProps, "data-garden-id">;
+    'data-garden-version': string;
+} & IStyledCalendarItemProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/StyledDatePicker.d.ts

@@ -6,9 +6,10 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledDatePickerProps {
-    isCompact: boolean;
+    $isCompact: boolean;
 }
 export declare const StyledDatePicker: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
-} & IStyledDatePickerProps, "data-garden-id">;
+    'data-garden-version': string;
+} & IStyledDatePickerProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/StyledDay.d.ts

@@ -6,11 +6,11 @@
  */
 import { DefaultTheme, ThemeProps } from 'styled-components';
 interface IStyledDayProps extends ThemeProps<DefaultTheme> {
-    isPreviousMonth?: boolean;
-    isToday?: boolean;
-    isDisabled?: boolean;
-    isSelected?: boolean;
-    isCompact: boolean;
+    $isPreviousMonth?: boolean;
+    $isToday?: boolean;
+    $isCompact: boolean;
+    'aria-selected'?: boolean;
+    'aria-disabled'?: boolean;
 }
 export declare const StyledDay: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledDayProps, never>;
 export {};

package/dist/typings/styled/StyledDayLabel.d.ts

@@ -6,6 +6,7 @@
  */
 export declare const StyledDayLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
+    'data-garden-version': string;
 } & {
-    isCompact: boolean;
-}, "data-garden-id">;
+    $isCompact: boolean;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledHeader.d.ts

@@ -6,6 +6,7 @@
  */
 export declare const StyledHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
+    'data-garden-version': string;
 } & {
-    isCompact: boolean;
-}, "data-garden-id">;
+    $isCompact: boolean;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledHeaderLabel.d.ts

@@ -6,6 +6,7 @@
  */
 export declare const StyledHeaderLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
+    'data-garden-version': string;
 } & {
-    isCompact: boolean;
-}, "data-garden-id">;
+    $isCompact: boolean;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledHeaderPaddle.d.ts

@@ -5,9 +5,12 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
+interface IStyledHeaderPaddleProps {
+    $isCompact: boolean;
+    'aria-hidden'?: boolean;
+}
 export declare const StyledHeaderPaddle: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
-} & {
-    isCompact: boolean;
-    isHidden?: boolean | undefined;
-}, "data-garden-id">;
+    'data-garden-version': string;
+} & IStyledHeaderPaddleProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/StyledHighlight.d.ts

@@ -6,11 +6,12 @@
  */
 import { DefaultTheme } from 'styled-components';
 interface IStyledHighlightProps {
-    isHighlighted: boolean;
-    isStart: boolean;
-    isEnd: boolean;
+    $isHighlighted: boolean;
+    $isStart: boolean;
+    $isEnd: boolean;
 }
 export declare const StyledHighlight: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
-} & IStyledHighlightProps, "data-garden-id">;
+    'data-garden-version': string;
+} & IStyledHighlightProps, "data-garden-id" | "data-garden-version">;
 export {};

package/dist/typings/styled/StyledMenuWrapper.d.ts

@@ -6,10 +6,10 @@
  */
 import { Placement } from '@floating-ui/react-dom';
 interface IStyledMenuWrapperProps {
-    isHidden?: boolean;
-    isAnimated?: boolean;
-    zIndex?: number;
-    placement: Placement;
+    $isAnimated?: boolean;
+    $zIndex?: number;
+    'aria-hidden'?: boolean;
+    $placement: Placement;
 }
 export declare const StyledMenuWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStyledMenuWrapperProps, never>;
 export {};

package/dist/typings/styled/StyledRangeCalendar.d.ts

@@ -6,4 +6,5 @@
  */
 export declare const StyledRangeCalendar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     'data-garden-id': string;
-}, "data-garden-id">;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/types/index.d.ts

@@ -9,6 +9,8 @@ export declare const WEEK_STARTS_ON: readonly [0, 1, 2, 3, 4, 5, 6];
 export declare const PLACEMENT: readonly ["auto", "top", "top-start", "top-end", "bottom", "bottom-start", "bottom-end", "end", "end-top", "end-bottom", "start", "start-top", "start-bottom"];
 export type GardenPlacement = (typeof PLACEMENT)[number];
 export interface IDatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Appends the calendar to the element provided */
+    appendToNode?: Element | DocumentFragment;
     /**
      * Sets the selected date
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "9.0.0-next.9",
+  "version": "9.1.0",
   "description": "Components relating to datepickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -23,19 +23,19 @@
   "dependencies": {
     "@floating-ui/react-dom": "^2.0.0",
     "@zendeskgarden/container-utilities": "^2.0.0",
-    "date-fns": "^3.0.0",
+    "date-fns": "^4.0.0",
     "prop-types": "^15.5.7",
     "react-merge-refs": "^2.0.0"
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^9.0.0-next.9",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.1.0",
+    "@zendeskgarden/svg-icons": "7.3.0"
   },
   "keywords": [
     "components",
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
+  "gitHead": "a2842d18615ad057d75988fde4df5a0c79d2714e"
 }