react-day-picker 8.0.0-beta.32 → 8.0.0-beta.37

package/CHANGELOG.md

@@ -16,11 +16,49 @@ with the previous versions.
 
 See the preview website at https://react-day-picker-next.netlify.app.
 
+---
+
+### v8.0.0-beta.37
+
+- build: moved to rollupjs
+- feat: new `useDayRender` hook
+- chore: added `DaySelectionMode` enum
+- refactor: `modifiersStatus` is now `ActiveModifiers`
+- refactor: `modifierClassNames` props is now `modifiersClassNames`
+- refactor: `modifierStyles` is now `modifiersStyles`
+
+### v8.0.0-beta.36
+
+- feat: added caption ARIA labels. This change introduce `@reach/auto-id` dependency (#1358) (b8bbf419)
+- feat: caption element has now an heading role (uses `h2`) (#1335) (bfb77869)
+- feat: improved focus support (#1343) (9d09587d)
+- feat: added `initialFocus` focus prop (#1351) (8f6d979d)
+- feat: table uses `grid` role (#1337) (4ae64022)
+- chore: added Month component (#1327) (fc9d9136)
+- chore: rename styles and elements (#1336, #1329, #1325)
+- fix: fixed type `useInput`'s `setSelected` (#1344) (c8f64fdf)
+- fix: missing today modifier (#1319) (c4445a4c)
+
+### v8.0.0-beta.35
+
+- feat: add extended keyboard navigation (#1300) (2a098719)
+- chore: export missing Button component (5ba65841)
+- chore: rename `handleDayClick` to `onDayClick` (3d1678b2)
+- chore: limit documented exports (c2fbd576)
+- build: fix circular dependency (5cd0c2c8)
+
+### v8.0.0-beta.33
+
+- chore: unify context files (#1303) (d66b3981)
+- chore: cleanup useInput types (7faec569)
+- chore: improve internal modifiers typings (#1299) (9ddc64d9)
+- chore: consolidate types (#1297) (e00c59e7)
+
 ### v8.0.0-beta.32
 
-- Fixed previous/next month navigation with RTL direction (68ad0adf7fb6935eb6d9809a6e72646e6194d51e)
-- Updated `useInput` API (#1293)
-- Removed `defaultSelected` prop (cd4f57906d98eb15b0b5a498112e74c2f6770c45)
+- fix: previous/next month navigation with RTL direction (68ad0adf)
+- chore: updated `useInput` API (#1293)
+- chore: removed `defaultSelected` prop (cd4f5790)
 
 ### v8.0.0-beta.31
 

package/{build → dist}/DayPicker.d.ts

@@ -1,88 +1,93 @@
-/// <reference types="react" />
-import { DayPickerCustomProps, DayPickerMultipleProps, DayPickerProps, DayPickerRangeProps, DayPickerSingleProps } from './types';
-/**
- * DayPicker render a date picker component to let users pick dates from a
- * calendar. See http://react-day-picker.js.org for updated documentation and
- * examples.
- *
- * ### Customization
- *
- * DayPicker offers different customization props. For example,
- *
- * - show multiple months using `numberOfMonths`
- * - display a dropdown to navigate the months via `captionLayout`
- * - display the week numbers with `showWeekNumbers`
- * - disable or hide days with `disabled` or `hidden`
- *
- * ### Controlling the months
- *
- * Change the initially displayed month using the `defaultMonth` prop. The
- * displayed months are controlled by DayPicker and stored in its internal
- * state. To control the months yourself, use `month` instead of `defaultMonth`
- * and use the `onMonthChange` event to set it.
- *
- * To limit the months the user can navigate to, use
- * `fromDate`/`fromMonth`/`fromYear` or `toDate`/`toMonth`/`toYear`.
- *
- * ### Selection modes
- *
- * DayPicker supports different selection mode that can be toggled using the
- * `mode` prop:
- *
- * - `mode="single"`: only one day can be selected. Use `required` to make the
- *   selection required. Use the `onSelect` event handler to get the selected
- *   days.
- * - `mode="multiple"`: users can select one or more days. Limit the amount of
- *   days that can be selected with the `min` or the `max` props.
- * - `mode="range"`: users can select a range of days. Limit the amount of days
- *   in the range with the `min` or the `max` props.
- *
- * These selection modes should cover the most common use cases. In case you
- * need a more refined way of selecting days, use `mode="custom"`. Use the
- * `selected` props and add the day event handlers to add/remove days from the
- * selection.
- *
- * ### Modifiers
- *
- * A _modifier_ represents different styles or states for the days displayed in
- * the calendar (like "selected" or "disabled"). Define custom modifiers using
- * the `modifiers` prop.
- *
- * ### Formatters and custom component
- *
- * You can customize how the content is displayed in the date picker by using
- * either the formatters or replacing the internal components.
- *
- * For the most common cases you want to use the `formatters` prop to change how
- * the content is formatted in the calendar. Use the `components` prop to
- * replace the internal components, like the navigation icons.
- *
- * ### Styling
- *
- * DayPicker comes with a default, basic style in `react-day-picker/style` –
- * use it as template for your own style.
- *
- * If you are using CSS modules, pass the imported styles object the
- * `classNames` props.
- *
- * You can also style the elements via inline-styles using the `styles` prop.
- *
- * ### Form fields
- *
- * If you need to bind the date picker to a form field, you can use the
- * `useInput` hooks for a basic behavior. See the `useInput` source as an
- * example to bind the date picker with form fields.
- *
- * ### Localization
- *
- * To localize DayPicker, import the locale from `date-fns` package and use the
- * `locale` prop.
- *
- * For example, to use Spanish locale:
- *
- * ```
- * import es from 'date-fns/locale/es';
- * <DayPicker locale={es} />
- * ```
- */
-export declare function DayPicker(props: DayPickerProps | DayPickerSingleProps | DayPickerMultipleProps | DayPickerRangeProps | DayPickerCustomProps): JSX.Element;
+/// <reference types="react" />
+import { DayPickerProps } from './types/DayPicker';
+import { DayPickerCustomProps } from './types/DayPickerCustom';
+import { DayPickerMultipleProps } from './types/DayPickerMultiple';
+import { DayPickerRangeProps } from './types/DayPickerRange';
+import { DayPickerSingleProps } from './types/DayPickerSingle';
+/**
+ * DayPicker render a date picker component to let users pick dates from a
+ * calendar. See http://react-day-picker.js.org for updated documentation and
+ * examples.
+ *
+ * ### Customization
+ *
+ * DayPicker offers different customization props. For example,
+ *
+ * - show multiple months using `numberOfMonths`
+ * - display a dropdown to navigate the months via `captionLayout`
+ * - display the week numbers with `showWeekNumbers`
+ * - disable or hide days with `disabled` or `hidden`
+ *
+ * ### Controlling the months
+ *
+ * Change the initially displayed month using the `defaultMonth` prop. The
+ * displayed months are controlled by DayPicker and stored in its internal
+ * state. To control the months yourself, use `month` instead of `defaultMonth`
+ * and use the `onMonthChange` event to set it.
+ *
+ * To limit the months the user can navigate to, use
+ * `fromDate`/`fromMonth`/`fromYear` or `toDate`/`toMonth`/`toYear`.
+ *
+ * ### Selection modes
+ *
+ * DayPicker supports different selection mode that can be toggled using the
+ * `mode` prop:
+ *
+ * - `mode="single"`: only one day can be selected. Use `required` to make the
+ *   selection required. Use the `onSelect` event handler to get the selected
+ *   days.
+ * - `mode="multiple"`: users can select one or more days. Limit the amount of
+ *   days that can be selected with the `min` or the `max` props.
+ * - `mode="range"`: users can select a range of days. Limit the amount of days
+ *   in the range with the `min` or the `max` props.
+ * - `mode="custom"`: implement your own selection mode with `onDayClick`.
+ *
+ * These selection modes should cover the most common use cases. In case you
+ * need a more refined way of selecting days, use `mode="custom"`. Use the
+ * `selected` props and add the day event handlers to add/remove days from the
+ * selection.
+ *
+ * ### Modifiers
+ *
+ * A _modifier_ represents different styles or states for the days displayed in
+ * the calendar (like "selected" or "disabled"). Define custom modifiers using
+ * the `modifiers` prop.
+ *
+ * ### Formatters and custom component
+ *
+ * You can customize how the content is displayed in the date picker by using
+ * either the formatters or replacing the internal components.
+ *
+ * For the most common cases you want to use the `formatters` prop to change how
+ * the content is formatted in the calendar. Use the `components` prop to
+ * replace the internal components, like the navigation icons.
+ *
+ * ### Styling
+ *
+ * DayPicker comes with a default, basic style in `react-day-picker/style` – use
+ * it as template for your own style.
+ *
+ * If you are using CSS modules, pass the imported styles object the
+ * `classNames` props.
+ *
+ * You can also style the elements via inline-styles using the `styles` prop.
+ *
+ * ### Form fields
+ *
+ * If you need to bind the date picker to a form field, you can use the
+ * `useInput` hooks for a basic behavior. See the `useInput` source as an
+ * example to bind the date picker with form fields.
+ *
+ * ### Localization
+ *
+ * To localize DayPicker, import the locale from `date-fns` package and use the
+ * `locale` prop.
+ *
+ * For example, to use Spanish locale:
+ *
+ * ```
+ * import es from 'date-fns/locale/es';
+ * <DayPicker locale={es} />
+ * ```
+ */
+export declare function DayPicker(props: DayPickerProps | DayPickerSingleProps | DayPickerMultipleProps | DayPickerRangeProps | DayPickerCustomProps): JSX.Element;

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+/** The props for the [[Button]] component. */
+export declare type ButtonProps = React.HTMLProps<HTMLButtonElement>;
+/**
+ * Render a button HTML element applying the reset class name.
+ */
+export declare const Button: React.ForwardRefExoticComponent<Pick<ButtonProps, "className" | "style" | "disabled" | "hidden" | "selected" | "dir" | "cite" | "data" | "form" | "label" | "slot" | "span" | "summary" | "title" | "pattern" | "children" | "value" | "id" | "aria-label" | "onChange" | "accept" | "acceptCharset" | "action" | "allowFullScreen" | "allowTransparency" | "alt" | "as" | "async" | "autoComplete" | "autoFocus" | "autoPlay" | "capture" | "cellPadding" | "cellSpacing" | "charSet" | "challenge" | "checked" | "classID" | "cols" | "colSpan" | "content" | "controls" | "coords" | "crossOrigin" | "dateTime" | "default" | "defer" | "download" | "encType" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "frameBorder" | "headers" | "height" | "high" | "href" | "hrefLang" | "htmlFor" | "httpEquiv" | "integrity" | "keyParams" | "keyType" | "kind" | "list" | "loop" | "low" | "manifest" | "marginHeight" | "marginWidth" | "max" | "maxLength" | "media" | "mediaGroup" | "method" | "min" | "minLength" | "multiple" | "muted" | "name" | "nonce" | "noValidate" | "open" | "optimum" | "placeholder" | "playsInline" | "poster" | "preload" | "readOnly" | "rel" | "required" | "reversed" | "rows" | "rowSpan" | "sandbox" | "scope" | "scoped" | "scrolling" | "seamless" | "shape" | "size" | "sizes" | "src" | "srcDoc" | "srcLang" | "srcSet" | "start" | "step" | "target" | "type" | "useMap" | "width" | "wmode" | "wrap" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "key"> & React.RefAttributes<HTMLButtonElement>>;

package/{build → dist}/components/Button/index.d.ts

@@ -1 +1 @@
-export * from './Button';
+export * from './Button';

package/dist/components/Caption/Caption.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+/** Represent the props of the [[Caption]] component. */
+export interface CaptionProps {
+    /** The ID for the heading element. Must be the same as the labelled-by in Table. */
+    id?: string;
+    /** The month where the caption is displayed. */
+    displayMonth: Date;
+}
+/**
+ * The layout of the caption:
+ *
+ * - `dropdown`: display dropdowns for choosing the month and the year.
+ * - `buttons`: display previous month / next month buttons.
+ */
+export declare type CaptionLayout = 'dropdown' | 'buttons';
+/**
+ * Render the caption of a month, which includes title and navigation buttons.
+ * The caption has a different layout when setting the [[DayPickerProps.captionLayout]] prop.
+ */
+export declare function Caption(props: CaptionProps): JSX.Element;

package/{build → dist}/components/Caption/index.d.ts

@@ -1 +1 @@
-export * from './Caption';
+export * from './Caption';

package/{build → dist}/components/CaptionLabel/CaptionLabel.d.ts

@@ -1,8 +1,10 @@
-/// <reference types="react" />
-/** The props for the [[CaptionLabel]] component. */
-export interface CaptionLabelProps {
-    /** The month where the caption is displayed. */
-    displayMonth: Date;
-}
-/** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
-export declare function CaptionLabel(props: CaptionLabelProps): JSX.Element;
+/// <reference types="react" />
+/** The props for the [[CaptionLabel]] component. */
+export interface CaptionLabelProps {
+    /** The ID for the heading element. Must be the same as the labelled-by in Table. */
+    id?: string;
+    /** The month where the caption is displayed. */
+    displayMonth: Date;
+}
+/** Render the caption for the displayed month. This component is used when `captionLayout="buttons"`. */
+export declare function CaptionLabel(props: CaptionLabelProps): JSX.Element;

package/{build → dist}/components/CaptionLabel/index.d.ts

@@ -1 +1 @@
-export * from './CaptionLabel';
+export * from './CaptionLabel';

package/{build → dist}/components/Day/Day.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-/** Represent the props used by the [[Day]] component. */
-export interface DayProps {
-    /** The month where the date is displayed. */
-    displayMonth: Date;
-    /** The date to render. */
-    date: Date;
-}
-/**
- * The content of a day cell – as a button or span element according to its
- * modifiers.
- */
-export declare function Day(props: DayProps): JSX.Element;
+/// <reference types="react" />
+/** Represent the props used by the [[Day]] component. */
+export interface DayProps {
+    /** The month where the date is displayed. */
+    displayMonth: Date;
+    /** The date to render. */
+    date: Date;
+}
+/**
+ * The content of a day cell – as a button or span element according to its
+ * modifiers.
+ */
+export declare function Day(props: DayProps): JSX.Element;

package/dist/components/Day/index.d.ts

@@ -0,0 +1 @@
+export * from './Day';

package/{build → dist}/components/DayContent/DayContent.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { ModifierStatus } from '../../types';
-/** Represent the props for the [[DayContent]] component. */
-export interface DayContentProps {
-    /** The date representing the day. */
-    date: Date;
-    /** The month where the day is displayed. */
-    displayMonth: Date;
-    /** The modifier status for the date. */
-    modifiers: ModifierStatus;
-}
-/**
- * Render the content of the day cell.
- */
-export declare function DayContent(props: DayContentProps): JSX.Element;
+/// <reference types="react" />
+import { ActiveModifiers } from '../../types/Modifiers';
+/** Represent the props for the [[DayContent]] component. */
+export interface DayContentProps {
+    /** The date representing the day. */
+    date: Date;
+    /** The month where the day is displayed. */
+    displayMonth: Date;
+    /** The active modifiers for the given date. */
+    activeModifiers: ActiveModifiers;
+}
+/**
+ * Render the content of the day cell.
+ */
+export declare function DayContent(props: DayContentProps): JSX.Element;

package/{build → dist}/components/DayContent/index.d.ts

@@ -1 +1 @@
-export * from './DayContent';
+export * from './DayContent';

package/{build → dist}/components/Dropdown/Dropdown.d.ts

@@ -1,16 +1,16 @@
-import * as React from 'react';
-/** The props for the [[Dropdown]] component. */
-export interface DropdownProps {
-    caption?: React.ReactNode;
-    children?: React.SelectHTMLAttributes<HTMLSelectElement>['children'];
-    className?: string;
-    ['aria-label']?: string;
-    style?: React.CSSProperties;
-    value?: React.SelectHTMLAttributes<HTMLSelectElement>['value'];
-    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
-}
-/**
- * Render a styled select component – displaying a caption and a custom
- * drop-down icon.
- */
-export declare function Dropdown(props: DropdownProps): JSX.Element;
+import React from 'react';
+/** The props for the [[Dropdown]] component. */
+export interface DropdownProps {
+    caption?: React.ReactNode;
+    children?: React.SelectHTMLAttributes<HTMLSelectElement>['children'];
+    className?: string;
+    ['aria-label']?: string;
+    style?: React.CSSProperties;
+    value?: string | number;
+    onChange?: React.ChangeEventHandler<HTMLSelectElement>;
+}
+/**
+ * Render a styled select component – displaying a caption and a custom
+ * drop-down icon.
+ */
+export declare function Dropdown(props: DropdownProps): JSX.Element;

package/{build → dist}/components/Dropdown/index.d.ts

@@ -1 +1 @@
-export * from './Dropdown';
+export * from './Dropdown';

package/{build → dist}/components/Footer/Footer.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-/** Render the Footer component (empty as default).*/
-export declare function Footer(): JSX.Element;
+/// <reference types="react" />
+/** Render the Footer component (empty as default).*/
+export declare function Footer(): JSX.Element;

package/{build → dist}/components/Footer/index.d.ts

@@ -1 +1 @@
-export * from './Footer';
+export * from './Footer';

package/{build → dist}/components/Head/Head.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-/**
- * Render the Head component - i.e. the table head with the weekday names.
- */
-export declare function Head(): JSX.Element;
+/// <reference types="react" />
+/**
+ * Render the Head component - i.e. the table head with the weekday names.
+ */
+export declare function Head(): JSX.Element;

package/{build → dist}/components/Head/index.d.ts

@@ -1 +1 @@
-export * from './Head';
+export * from './Head';

package/{build → dist}/components/Head/utils/getWeekdays.d.ts

@@ -1,6 +1,6 @@
-import { Locale } from 'date-fns';
-/**
- * Generate a series of 7 days, starting from the week, to use for formatting
- * the weekday names (Monday, Tuesday, etc.).
- */
-export declare function getWeekdays(locale?: Locale): Date[];
+import { Locale } from 'date-fns';
+/**
+ * Generate a series of 7 days, starting from the week, to use for formatting
+ * the weekday names (Monday, Tuesday, etc.).
+ */
+export declare function getWeekdays(locale?: Locale): Date[];

package/{build → dist}/components/Head/utils/index.d.ts

@@ -1 +1 @@
-export * from './getWeekdays';
+export * from './getWeekdays';

package/dist/components/IconDropdown/IconDropdown.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StyledComponent } from '../../types/Styles';
+/**
+ * Render the icon in the styled drop-down.
+ */
+export declare function IconDropdown(props: StyledComponent): JSX.Element;

package/{build → dist}/components/IconDropdown/index.d.ts

@@ -1 +1 @@
-export * from './IconDropdown';
+export * from './IconDropdown';

package/dist/components/IconLeft/IconLeft.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StyledComponent } from '../../types/Styles';
+/**
+ * Render the "previous month" button in the navigation.
+ */
+export declare function IconLeft(props: StyledComponent): JSX.Element;

package/{build → dist}/components/IconLeft/index.d.ts

@@ -1 +1 @@
-export * from './IconLeft';
+export * from './IconLeft';

package/dist/components/IconRight/IconRight.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { StyledComponent } from '../../types/Styles';
+/**
+ * Render the "next month" button in the navigation.
+ */
+export declare function IconRight(props: StyledComponent): JSX.Element;

package/{build → dist}/components/IconRight/index.d.ts

@@ -1 +1 @@
-export * from './IconRight';
+export * from './IconRight';

package/dist/components/Month/Month.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+/** The props for the [[Month]] component. */
+export interface MonthProps {
+    displayIndex: number;
+    displayMonth: Date;
+}
+/** Render a month. */
+export declare function Month(props: MonthProps): JSX.Element;

package/dist/components/Month/index.d.ts

@@ -0,0 +1 @@
+export * from './Month';

package/{build → dist}/components/MonthsDropdown/MonthsDropdown.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { MonthChangeEventHandler } from '../../types';
-/** The props for the [[MonthsDropdown]] component. */
-export interface MonthsDropdownProps {
-    /** The month where the dropdown is displayed. */
-    displayMonth: Date;
-    onChange: MonthChangeEventHandler;
-}
-/**
- * Render the dropdown to navigate between months.
- */
-export declare function MonthsDropdown(props: MonthsDropdownProps): JSX.Element;
+/// <reference types="react" />
+import { MonthChangeEventHandler } from '../../types/EventHandlers';
+/** The props for the [[MonthsDropdown]] component. */
+export interface MonthsDropdownProps {
+    /** The month where the dropdown is displayed. */
+    displayMonth: Date;
+    onChange: MonthChangeEventHandler;
+}
+/**
+ * Render the dropdown to navigate between months.
+ */
+export declare function MonthsDropdown(props: MonthsDropdownProps): JSX.Element;

package/{build → dist}/components/MonthsDropdown/index.d.ts

@@ -1 +1 @@
-export * from './MonthsDropdown';
+export * from './MonthsDropdown';

package/{build → dist}/components/Navigation/Navigation.d.ts

@@ -1,20 +1,20 @@
-import * as React from 'react';
-/** The props for the [[Navigation]] component. */
-export interface NavigationProps {
-    /** The month where the caption is displayed. */
-    displayMonth: Date;
-    /** The previous month. */
-    previousMonth?: Date;
-    /** The next month. */
-    nextMonth?: Date;
-    /** Hide the previous button. */
-    hidePrevious: boolean;
-    /** Hide the next button. */
-    hideNext: boolean;
-    /** Event handler when the next button is clicked. */
-    onNextClick: React.MouseEventHandler<HTMLButtonElement>;
-    /** Event handler when the previous button is clicked. */
-    onPreviousClick: React.MouseEventHandler<HTMLButtonElement>;
-}
-/** A component rendering the navigation buttons or the drop-downs. */
-export declare function Navigation(props: NavigationProps): JSX.Element;
+import React from 'react';
+/** The props for the [[Navigation]] component. */
+export interface NavigationProps {
+    /** The month where the caption is displayed. */
+    displayMonth: Date;
+    /** The previous month. */
+    previousMonth?: Date;
+    /** The next month. */
+    nextMonth?: Date;
+    /** Hide the previous button. */
+    hidePrevious: boolean;
+    /** Hide the next button. */
+    hideNext: boolean;
+    /** Event handler when the next button is clicked. */
+    onNextClick: React.MouseEventHandler<HTMLButtonElement>;
+    /** Event handler when the previous button is clicked. */
+    onPreviousClick: React.MouseEventHandler<HTMLButtonElement>;
+}
+/** A component rendering the navigation buttons or the drop-downs. */
+export declare function Navigation(props: NavigationProps): JSX.Element;

package/{build → dist}/components/Navigation/index.d.ts

@@ -1 +1 @@
-export * from './Navigation';
+export * from './Navigation';

package/dist/components/Root/Root.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+/** Render the container with the months according to the number of months to display. */
+export declare function Root(): JSX.Element;

package/{build → dist}/components/Root/index.d.ts

@@ -1 +1 @@
-export * from './Root';
+export * from './Root';