react-day-picker 8.0.5 → 8.0.6

package/README.md

@@ -23,7 +23,7 @@ $ yarn add react-day-picker date-fns     # using yarn
 - ☀️ Select days, ranges or whatever
 - 🌎 Localizable into any language
 - ➡️ Keyboard navigation
-- ♿️ [WAII-ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support
+- ♿️ [WAI-ARIA](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA) support
 - 🤖 Native TypeScript support
 - 🧘‍♀️ using [date-fns](http://date-fns.org) as date library
 - 🗓 Create multiple calendars

package/dist/hooks/useInput/useInput.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
 import { DayPickerBase } from '../../types/DayPickerBase';
-import { DayPickerDefaultProps } from '../../types/DayPickerDefault';
+import { DayPickerSingleProps } from '../../types/DayPickerSingle';
 /** The props to attach to the input field when using [[useInput]]. */
 export declare type InputHTMLAttributes = Pick<React.InputHTMLAttributes<HTMLInputElement>, 'onBlur' | 'onChange' | 'onFocus' | 'value' | 'placeholder'>;
 /** The props to attach to the DayPicker component when using [[useInput]]. */
-export declare type InputDayPickerProps = Pick<DayPickerDefaultProps, 'fromDate' | 'toDate' | 'locale' | 'month' | 'onDayClick' | 'onMonthChange' | 'selected' | 'today'>;
+export declare type InputDayPickerProps = Pick<DayPickerSingleProps, 'fromDate' | 'toDate' | 'locale' | 'month' | 'onDayClick' | 'onMonthChange' | 'selected' | 'today'>;
 export interface UseInputOptions extends Pick<DayPickerBase, 'locale' | 'fromDate' | 'toDate' | 'fromMonth' | 'toMonth' | 'fromYear' | 'toYear' | 'today'> {
     /** The initially selected date */
     defaultSelected?: Date;

package/dist/types/Styles.d.ts

@@ -84,10 +84,16 @@ export declare type StyledElement<T = string | React.CSSProperties> = {
     /** The day when today. */
     readonly day_today: T;
 };
+/** These elements must not be in the `styles` or `classNames` records as they are styled via the `modifiersStyles` or `modifiersClassNames` pop */
+export declare type InternalModifiersElement = 'day_outside' | 'day_selected' | 'day_disabled' | 'day_hidden' | 'day_range_start' | 'day_range_end' | 'day_range_middle' | 'day_today';
 /** The class names of each element. */
 export declare type ClassNames = Partial<StyledElement<string>>;
-/** The inline-styles of each element. */
-export declare type Styles = Partial<StyledElement<React.CSSProperties>>;
+/**
+ * The inline-styles of each styled element, to use with the `styles` prop. Day
+ * modifiers, such as `today` or `hidden`, should be styled using the
+ * `modifiersStyles` prop.
+ */
+export declare type Styles = Partial<Omit<StyledElement<React.CSSProperties>, InternalModifiersElement>>;
 /** Props of a component that can be styled via classNames or inline-styles. */
 export declare type StyledComponent = {
     className?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-day-picker",
-  "version": "8.0.5",
+  "version": "8.0.6",
   "description": "Customizable Date Picker for React",
   "author": "Giampaolo Bellavite <io@gpbl.dev>",
   "homepage": "http://react-day-picker.js.org",

package/src/hooks/useInput/useInput.ts

@@ -7,7 +7,7 @@ import parse from 'date-fns/parse';
 
 import { parseFromToProps } from 'contexts/DayPicker/utils';
 import { DayPickerBase } from 'types/DayPickerBase';
-import { DayPickerDefaultProps } from 'types/DayPickerDefault';
+import { DayPickerSingleProps } from 'types/DayPickerSingle';
 import {
   DayClickEventHandler,
   MonthChangeEventHandler
@@ -23,7 +23,7 @@ export type InputHTMLAttributes = Pick<
 
 /** The props to attach to the DayPicker component when using [[useInput]]. */
 export type InputDayPickerProps = Pick<
-  DayPickerDefaultProps,
+  DayPickerSingleProps,
   | 'fromDate'
   | 'toDate'
   | 'locale'

package/src/types/Styles.ts

@@ -94,11 +94,28 @@ export type StyledElement<T = string | React.CSSProperties> = {
   readonly day_today: T;
 };
 
+/** These elements must not be in the `styles` or `classNames` records as they are styled via the `modifiersStyles` or `modifiersClassNames` pop */
+export type InternalModifiersElement =
+  | 'day_outside'
+  | 'day_selected'
+  | 'day_disabled'
+  | 'day_hidden'
+  | 'day_range_start'
+  | 'day_range_end'
+  | 'day_range_middle'
+  | 'day_today';
+
 /** The class names of each element. */
 export type ClassNames = Partial<StyledElement<string>>;
 
-/** The inline-styles of each element. */
-export type Styles = Partial<StyledElement<React.CSSProperties>>;
+/**
+ * The inline-styles of each styled element, to use with the `styles` prop. Day
+ * modifiers, such as `today` or `hidden`, should be styled using the
+ * `modifiersStyles` prop.
+ */
+export type Styles = Partial<
+  Omit<StyledElement<React.CSSProperties>, InternalModifiersElement>
+>;
 
 /** Props of a component that can be styled via classNames or inline-styles. */
 export type StyledComponent = {