react-day-picker 9.0.0-beta.1 → 9.0.0-beta.3

package/README.md

@@ -21,7 +21,9 @@ DayPicker is written in TypeScript and compiled to CommonJS and ESM. It requires
 npm install react-day-picker date-fns
 ```
 
-<a href="https://www.npmjs.com/package/react-day-picker"><img src="https://img.shields.io/npm/v/react-day-picker.svg?style=flat-square" alt="npm version"/></a> <img src="https://img.shields.io/npm/dm/react-day-picker.svg?style=flat-square" alt="npm downloads"/> <img src="https://img.shields.io/bundlephobia/minzip/react-day-picker" alt="Min gzipped size"/>
+<a href="https://www.npmjs.com/package/react-day-picker"><img src="https://img.shields.io/npm/v/react-day-picker" alt="npm version"/></a>
+<a href="https://www.npmjs.com/package/react-day-picker/next"><img src="https://img.shields.io/npm/v/react-day-picker/next" alt="npm version"/></a>
+<img src="https://img.shields.io/npm/dm/react-day-picker.svg" alt="npm downloads"/> <img src="https://img.shields.io/bundlephobia/minzip/react-day-picker" alt="Min gzipped size"/>
 
 ## Usage
 

package/dist/cjs/DayPicker.d.ts

@@ -1,12 +1,10 @@
+import React from "react";
 import type { DayPickerProps, Mode } from "./types";
 /**
  * DayPicker is a React component to create date pickers, calendars, and date
- * inputs for web applications. Use the `components` prop to swap this component
- * with a custom one.
- *
- * Use the `components` prop to swap this component with a custom one.
+ * inputs for web applications.
  *
  * @group Components
  * @see http://daypicker.dev
  */
-export declare function DayPicker<T extends Mode = "default">(props: DayPickerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function DayPicker<T extends Mode = "default">(props: DayPickerProps<T>): React.JSX.Element;

package/dist/cjs/DayPicker.js

@@ -1,21 +1,22 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DayPicker = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const Calendar_1 = require("./components/Calendar");
-const contexts_1 = require("./contexts");
+const root_1 = require("./contexts/root");
 /**
  * DayPicker is a React component to create date pickers, calendars, and date
- * inputs for web applications. Use the `components` prop to swap this component
- * with a custom one.
- *
- * Use the `components` prop to swap this component with a custom one.
+ * inputs for web applications.
  *
  * @group Components
  * @see http://daypicker.dev
  */
 function DayPicker(props) {
-    return ((0, jsx_runtime_1.jsx)(contexts_1.ContextProviders, { ...props, children: (0, jsx_runtime_1.jsx)(Calendar_1.Calendar, {}) }));
+    return (react_1.default.createElement(root_1.ContextProviders, { ...props },
+        react_1.default.createElement(Calendar_1.Calendar, null)));
 }
 exports.DayPicker = DayPicker;
 //# sourceMappingURL=DayPicker.js.map

package/dist/cjs/DayPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../src/DayPicker.tsx"],"names":[],"mappings":";;;;AAAA,oDAAiD;AACjD,yCAA8C;AAG9C;;;;;;;;;GASG;AACH,SAAgB,SAAS,CACvB,KAAwB;IAExB,OAAO,CACL,uBAAC,2BAAgB,OAAK,KAAK,YACzB,uBAAC,mBAAQ,KAAG,GACK,CACpB,CAAC;AACJ,CAAC;AARD,8BAQC"}
+{"version":3,"file":"DayPicker.js","sourceRoot":"","sources":["../../src/DayPicker.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,oDAAiD;AACjD,0CAAmD;AAGnD;;;;;;GAMG;AACH,SAAgB,SAAS,CACvB,KAAwB;IAExB,OAAO,CACL,8BAAC,uBAAgB,OAAK,KAAK;QACzB,8BAAC,mBAAQ,OAAG,CACK,CACpB,CAAC;AACJ,CAAC;AARD,8BAQC"}

package/dist/cjs/UI.d.ts

@@ -1,52 +1,60 @@
 /**
- * The UI elements composing DayPicker.
- *
- * These elements are mapped to the components directory.
+ * The UI elements composing DayPicker. These elements are mapped to
+ * {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
+ * DayPicker.
  */
 export declare enum UI {
     /** The previous button in the navigation. */
     ButtonPrevious = "button_previous",
     /** The next button the navigation */
     ButtonNext = "button_next",
-    /** The calendar element, the root of the component. */
+    /**
+     * The calendar element: the root component displaying the months and the
+     * navigation bar. Extended by {@link CalendarFlag}.
+     */
     Calendar = "calendar",
-    /** The gridcell with the day's date. */
-    Day = "day",
-    /** The label of a caption. */
-    CaptionLabel = "caption_label",
     /** The Chevron SVG element used by navigation buttons and dropdowns. */
     Chevron = "chevron",
-    /** The container of the dropdown navigation.. */
+    /** The grid cell with the day's date. Extended by {@link DayModifier}. */
+    Day = "day",
+    /** The element containing the formatted day's date, inside the grid cell. */
+    DayDate = "day_date",
+    /** The caption label of the month (when not showing the dropdown navigation). */
+    CaptionLabel = "caption_label",
+    /** The container of the dropdown navigation (when enabled). */
     DropdownNav = "dropdown_nav",
-    /** The dropdown used for years and months. */
+    /** The dropdown element to select for years and months. */
     Dropdown = "dropdown",
-    /** The root element of the {@link Dropdown} component. */
+    /** The container element of the dropdown. */
     DropdownRoot = "dropdown_root",
-    /** The root element of the {@link Footer} component. */
+    /** The root element of the footer. */
     Footer = "footer",
-    /** The caption of a month. */
+    /** The month grid. */
+    Month = "month",
+    /** Contains the dropdown navigation or the caption label. */
     MonthCaption = "month_caption",
-    /** The dropdown of months. */
+    /** The dropdown with the months. */
     MonthsDropdown = "months_dropdown",
-    /** Wrapper of the month grid. */
+    /** Wrapper of the {@link} grid. */
     MonthWrapper = "month_wrapper",
-    /** The month grid. */
-    Month = "month",
-    /** The group of weeks in a month. */
-    Weeks = "weeks",
-    /** Container containing the months. */
+    /** The container of the displayed months. */
     Months = "months",
-    /** The navigation element. */
+    /** The navigation bar with the previous and next buttons */
     Nav = "nav",
-    /** The row in a week. */
+    /** The row containing the week. */
     Week = "week",
-    /** The column's header with the weekday. */
+    /** The group of row weeks in a month. */
+    Weeks = "weeks",
+    /** The column header with the weekday. */
     Weekday = "weekday",
-    /** The row grouping the weekdays. */
+    /** The row grouping the weekdays in the column headers. */
     Weekdays = "weekdays",
-    /** The row header in a week number. */
+    /**
+     * The row header containing the week number. Extended by
+     * {@link WeekNumberFlag}.
+     */
     WeekNumber = "week_number",
-    /** The dropdown of years. */
+    /** The dropdown with the years. */
     YearsDropdown = "years_dropdown"
 }
 /** The modifiers for the {@link UI.Day}. */
@@ -75,9 +83,22 @@ export declare enum DayModifier {
 /** Flags that can be applied to the {@link UI.Calendar} element. */
 export declare enum CalendarFlag {
     /** Assigned when the week numbers are show. */
-    hasWeekNumbers = "week_numbers",
+    hasWeekNumbers = "has_week_numbers",
     /** Assigned when the weekdays are hidden. */
     noWeekdays = "no_weekdays",
     /** Assigned when the calendar has multiple months. */
-    hasMultipleMonths = "multiple_months"
+    hasMultipleMonths = "has_multiple_months"
+}
+/** Flags that can be applied to the {@link UI.Chevron} element. */
+export declare enum ChevronFlag {
+    /** Assigned when the week numbers are show. */
+    disabled = "chevron_disabled"
+}
+/** Flags that can be applied to the {@link UI.WeekNumber} element. */
+export declare enum WeekNumberFlag {
+    /**
+     * Assigned when the week number is interactive, i.e. has an
+     * `onWeekNumberClick` event attached to it.
+     */
+    isInteractive = "week_number_interactive"
 }

package/dist/cjs/UI.js

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.CalendarFlag = exports.DayModifier = exports.UI = void 0;
+exports.WeekNumberFlag = exports.ChevronFlag = exports.CalendarFlag = exports.DayModifier = exports.UI = void 0;
 /**
- * The UI elements composing DayPicker.
- *
- * These elements are mapped to the components directory.
+ * The UI elements composing DayPicker. These elements are mapped to
+ * {@link CustomComponents}, the {@link ClassNames} and the {@link Styles} used by
+ * DayPicker.
  */
 var UI;
 (function (UI) {
@@ -12,45 +12,53 @@ var UI;
     UI["ButtonPrevious"] = "button_previous";
     /** The next button the navigation */
     UI["ButtonNext"] = "button_next";
-    /** The calendar element, the root of the component. */
+    /**
+     * The calendar element: the root component displaying the months and the
+     * navigation bar. Extended by {@link CalendarFlag}.
+     */
     UI["Calendar"] = "calendar";
-    /** The gridcell with the day's date. */
-    UI["Day"] = "day";
-    /** The label of a caption. */
-    UI["CaptionLabel"] = "caption_label";
     /** The Chevron SVG element used by navigation buttons and dropdowns. */
     UI["Chevron"] = "chevron";
-    /** The container of the dropdown navigation.. */
+    /** The grid cell with the day's date. Extended by {@link DayModifier}. */
+    UI["Day"] = "day";
+    /** The element containing the formatted day's date, inside the grid cell. */
+    UI["DayDate"] = "day_date";
+    /** The caption label of the month (when not showing the dropdown navigation). */
+    UI["CaptionLabel"] = "caption_label";
+    /** The container of the dropdown navigation (when enabled). */
     UI["DropdownNav"] = "dropdown_nav";
-    /** The dropdown used for years and months. */
+    /** The dropdown element to select for years and months. */
     UI["Dropdown"] = "dropdown";
-    /** The root element of the {@link Dropdown} component. */
+    /** The container element of the dropdown. */
     UI["DropdownRoot"] = "dropdown_root";
-    /** The root element of the {@link Footer} component. */
+    /** The root element of the footer. */
     UI["Footer"] = "footer";
-    /** The caption of a month. */
+    /** The month grid. */
+    UI["Month"] = "month";
+    /** Contains the dropdown navigation or the caption label. */
     UI["MonthCaption"] = "month_caption";
-    /** The dropdown of months. */
+    /** The dropdown with the months. */
     UI["MonthsDropdown"] = "months_dropdown";
-    /** Wrapper of the month grid. */
+    /** Wrapper of the {@link} grid. */
     UI["MonthWrapper"] = "month_wrapper";
-    /** The month grid. */
-    UI["Month"] = "month";
-    /** The group of weeks in a month. */
-    UI["Weeks"] = "weeks";
-    /** Container containing the months. */
+    /** The container of the displayed months. */
     UI["Months"] = "months";
-    /** The navigation element. */
+    /** The navigation bar with the previous and next buttons */
     UI["Nav"] = "nav";
-    /** The row in a week. */
+    /** The row containing the week. */
     UI["Week"] = "week";
-    /** The column's header with the weekday. */
+    /** The group of row weeks in a month. */
+    UI["Weeks"] = "weeks";
+    /** The column header with the weekday. */
     UI["Weekday"] = "weekday";
-    /** The row grouping the weekdays. */
+    /** The row grouping the weekdays in the column headers. */
     UI["Weekdays"] = "weekdays";
-    /** The row header in a week number. */
+    /**
+     * The row header containing the week number. Extended by
+     * {@link WeekNumberFlag}.
+     */
     UI["WeekNumber"] = "week_number";
-    /** The dropdown of years. */
+    /** The dropdown with the years. */
     UI["YearsDropdown"] = "years_dropdown";
 })(UI || (exports.UI = UI = {}));
 /** The modifiers for the {@link UI.Day}. */
@@ -81,10 +89,25 @@ var DayModifier;
 var CalendarFlag;
 (function (CalendarFlag) {
     /** Assigned when the week numbers are show. */
-    CalendarFlag["hasWeekNumbers"] = "week_numbers";
+    CalendarFlag["hasWeekNumbers"] = "has_week_numbers";
     /** Assigned when the weekdays are hidden. */
     CalendarFlag["noWeekdays"] = "no_weekdays";
     /** Assigned when the calendar has multiple months. */
-    CalendarFlag["hasMultipleMonths"] = "multiple_months";
+    CalendarFlag["hasMultipleMonths"] = "has_multiple_months";
 })(CalendarFlag || (exports.CalendarFlag = CalendarFlag = {}));
+/** Flags that can be applied to the {@link UI.Chevron} element. */
+var ChevronFlag;
+(function (ChevronFlag) {
+    /** Assigned when the week numbers are show. */
+    ChevronFlag["disabled"] = "chevron_disabled";
+})(ChevronFlag || (exports.ChevronFlag = ChevronFlag = {}));
+/** Flags that can be applied to the {@link UI.WeekNumber} element. */
+var WeekNumberFlag;
+(function (WeekNumberFlag) {
+    /**
+     * Assigned when the week number is interactive, i.e. has an
+     * `onWeekNumberClick` event attached to it.
+     */
+    WeekNumberFlag["isInteractive"] = "week_number_interactive";
+})(WeekNumberFlag || (exports.WeekNumberFlag = WeekNumberFlag = {}));
 //# sourceMappingURL=UI.js.map

package/dist/cjs/UI.js.map

@@ -1 +1 @@
-{"version":3,"file":"UI.js","sourceRoot":"","sources":["../../src/UI.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,IAAY,EA6CX;AA7CD,WAAY,EAAE;IACZ,6CAA6C;IAC7C,wCAAkC,CAAA;IAClC,qCAAqC;IACrC,gCAA0B,CAAA;IAC1B,uDAAuD;IACvD,2BAAqB,CAAA;IACrB,wCAAwC;IACxC,iBAAW,CAAA;IACX,8BAA8B;IAC9B,oCAA8B,CAAA;IAC9B,wEAAwE;IACxE,yBAAmB,CAAA;IACnB,iDAAiD;IACjD,kCAA4B,CAAA;IAC5B,8CAA8C;IAC9C,2BAAqB,CAAA;IACrB,0DAA0D;IAC1D,oCAA8B,CAAA;IAC9B,wDAAwD;IACxD,uBAAiB,CAAA;IACjB,8BAA8B;IAC9B,oCAA8B,CAAA;IAC9B,8BAA8B;IAC9B,wCAAkC,CAAA;IAClC,iCAAiC;IACjC,oCAA8B,CAAA;IAC9B,sBAAsB;IACtB,qBAAe,CAAA;IACf,qCAAqC;IACrC,qBAAe,CAAA;IACf,uCAAuC;IACvC,uBAAiB,CAAA;IACjB,8BAA8B;IAC9B,iBAAW,CAAA;IACX,yBAAyB;IACzB,mBAAa,CAAA;IACb,4CAA4C;IAC5C,yBAAmB,CAAA;IACnB,qCAAqC;IACrC,2BAAqB,CAAA;IACrB,uCAAuC;IACvC,gCAA0B,CAAA;IAC1B,6BAA6B;IAC7B,sCAAgC,CAAA;AAClC,CAAC,EA7CW,EAAE,kBAAF,EAAE,QA6Cb;AAED,4CAA4C;AAC5C,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,0BAA0B;IAC1B,oCAAqB,CAAA;IACrB,wBAAwB;IACxB,gCAAiB,CAAA;IACjB,2CAA2C;IAC3C,kCAAmB,CAAA;IACnB,iDAAiD;IACjD,sCAAuB,CAAA;IACvB,oDAAoD;IACpD,4CAA6B,CAAA;IAC7B,mDAAmD;IACnD,0CAA2B,CAAA;IAC3B,2BAA2B;IAC3B,oCAAqB,CAAA;IACrB,4BAA4B;IAC5B,sCAAuB,CAAA;IACvB,0BAA0B;IAC1B,kCAAmB,CAAA;IACnB,wBAAwB;IACxB,8BAAe,CAAA;AACjB,CAAC,EArBW,WAAW,2BAAX,WAAW,QAqBtB;AAED,oEAAoE;AACpE,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,+CAA+C;IAC/C,+CAA+B,CAAA;IAC/B,6CAA6C;IAC7C,0CAA0B,CAAA;IAC1B,sDAAsD;IACtD,qDAAqC,CAAA;AACvC,CAAC,EAPW,YAAY,4BAAZ,YAAY,QAOvB"}
+{"version":3,"file":"UI.js","sourceRoot":"","sources":["../../src/UI.ts"],"names":[],"mappings":";;;AAEA;;;;GAIG;AACH,IAAY,EAqDX;AArDD,WAAY,EAAE;IACZ,6CAA6C;IAC7C,wCAAkC,CAAA;IAClC,qCAAqC;IACrC,gCAA0B,CAAA;IAC1B;;;OAGG;IACH,2BAAqB,CAAA;IACrB,wEAAwE;IACxE,yBAAmB,CAAA;IACnB,0EAA0E;IAC1E,iBAAW,CAAA;IACX,6EAA6E;IAC7E,0BAAoB,CAAA;IACpB,iFAAiF;IACjF,oCAA8B,CAAA;IAC9B,+DAA+D;IAC/D,kCAA4B,CAAA;IAC5B,2DAA2D;IAC3D,2BAAqB,CAAA;IACrB,6CAA6C;IAC7C,oCAA8B,CAAA;IAC9B,sCAAsC;IACtC,uBAAiB,CAAA;IACjB,sBAAsB;IACtB,qBAAe,CAAA;IACf,6DAA6D;IAC7D,oCAA8B,CAAA;IAC9B,oCAAoC;IACpC,wCAAkC,CAAA;IAClC,mCAAmC;IACnC,oCAA8B,CAAA;IAC9B,6CAA6C;IAC7C,uBAAiB,CAAA;IACjB,4DAA4D;IAC5D,iBAAW,CAAA;IACX,mCAAmC;IACnC,mBAAa,CAAA;IACb,yCAAyC;IACzC,qBAAe,CAAA;IACf,0CAA0C;IAC1C,yBAAmB,CAAA;IACnB,2DAA2D;IAC3D,2BAAqB,CAAA;IACrB;;;OAGG;IACH,gCAA0B,CAAA;IAC1B,mCAAmC;IACnC,sCAAgC,CAAA;AAClC,CAAC,EArDW,EAAE,kBAAF,EAAE,QAqDb;AAED,4CAA4C;AAC5C,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,0BAA0B;IAC1B,oCAAqB,CAAA;IACrB,wBAAwB;IACxB,gCAAiB,CAAA;IACjB,2CAA2C;IAC3C,kCAAmB,CAAA;IACnB,iDAAiD;IACjD,sCAAuB,CAAA;IACvB,oDAAoD;IACpD,4CAA6B,CAAA;IAC7B,mDAAmD;IACnD,0CAA2B,CAAA;IAC3B,2BAA2B;IAC3B,oCAAqB,CAAA;IACrB,4BAA4B;IAC5B,sCAAuB,CAAA;IACvB,0BAA0B;IAC1B,kCAAmB,CAAA;IACnB,wBAAwB;IACxB,8BAAe,CAAA;AACjB,CAAC,EArBW,WAAW,2BAAX,WAAW,QAqBtB;AAED,oEAAoE;AACpE,IAAY,YAOX;AAPD,WAAY,YAAY;IACtB,+CAA+C;IAC/C,mDAAmC,CAAA;IACnC,6CAA6C;IAC7C,0CAA0B,CAAA;IAC1B,sDAAsD;IACtD,yDAAyC,CAAA;AAC3C,CAAC,EAPW,YAAY,4BAAZ,YAAY,QAOvB;AAED,mEAAmE;AACnE,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,+CAA+C;IAC/C,4CAA6B,CAAA;AAC/B,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB;AAED,sEAAsE;AACtE,IAAY,cAMX;AAND,WAAY,cAAc;IACxB;;;OAGG;IACH,2DAAyC,CAAA;AAC3C,CAAC,EANW,cAAc,8BAAd,cAAc,QAMzB"}

package/dist/cjs/classes/index.js

@@ -1,7 +1,20 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./CalendarDay"), exports);
-tslib_1.__exportStar(require("./CalendarMonth"), exports);
-tslib_1.__exportStar(require("./CalendarWeek"), exports);
+__exportStar(require("./CalendarDay"), exports);
+__exportStar(require("./CalendarMonth"), exports);
+__exportStar(require("./CalendarWeek"), exports);
 //# sourceMappingURL=index.js.map

package/dist/cjs/classes/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/classes/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,0DAAgC;AAChC,yDAA+B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/classes/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B;AAC9B,kDAAgC;AAChC,iDAA+B"}

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

@@ -1,4 +1,4 @@
-import { ButtonHTMLAttributes } from "react";
+import React, { ButtonHTMLAttributes } from "react";
 /**
  * The component used to generate the button elements in the calendar.
  *
@@ -7,5 +7,5 @@ import { ButtonHTMLAttributes } from "react";
  * @group Components
  * @see https://react-day-picker.js.org/advanced-guides/custom-components
  */
-export declare function Button(props: ButtonHTMLAttributes<HTMLButtonElement>): import("react/jsx-runtime").JSX.Element;
+export declare function Button(props: ButtonHTMLAttributes<HTMLButtonElement>): React.JSX.Element;
 export type ButtonProps = Parameters<typeof Button>[0];

package/dist/cjs/components/Button.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 /**
  * The component used to generate the button elements in the calendar.
  *
@@ -11,7 +14,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
  * @see https://react-day-picker.js.org/advanced-guides/custom-components
  */
 function Button(props) {
-    return (0, jsx_runtime_1.jsx)("button", { ...props });
+    return react_1.default.createElement("button", { ...props });
 }
 exports.Button = Button;
 //# sourceMappingURL=Button.js.map

package/dist/cjs/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;;AAKA;;;;;;;GAOG;AACH,SAAgB,MAAM,CAAC,KAA8C;IACnE,OAAO,sCAAY,KAAK,GAAI,CAAC;AAC/B,CAAC;AAFD,wBAEC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAoD;AAKpD;;;;;;;GAOG;AACH,SAAgB,MAAM,CAAC,KAA8C;IACnE,OAAO,6CAAY,KAAK,GAAI,CAAC;AAC/B,CAAC;AAFD,wBAEC"}

package/dist/cjs/components/Calendar.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Render the DayPicker Calendar with navigation and the month grids.
  *
@@ -6,4 +7,4 @@
  * @group Components
  * @see https://react-day-picker.js.org/advanced-guides/custom-components
  */
-export declare function Calendar(): import("react/jsx-runtime").JSX.Element;
+export declare function Calendar(): React.JSX.Element;

package/dist/cjs/components/Calendar.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Calendar = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const UI_1 = require("../UI");
 const calendar_1 = require("../contexts/calendar");
 const props_1 = require("../contexts/props");
@@ -18,7 +21,6 @@ const Nav_1 = require("./Nav");
  * @see https://react-day-picker.js.org/advanced-guides/custom-components
  */
 function Calendar() {
-    var _a, _b, _c, _d;
     const { className, classNames, components, dataAttributes, dir, footer, hideNavigation, hideWeekdayRow, id, lang, nonce, numberOfMonths, showWeekNumber, style, styles, title } = (0, props_1.useProps)();
     const calendar = (0, calendar_1.useCalendar)();
     // Apply classnames according to props
@@ -35,11 +37,15 @@ function Calendar() {
     if (hideWeekdayRow) {
         cssClassNames.push(classNames[UI_1.CalendarFlag.noWeekdays]);
     }
-    const Nav = (_a = components === null || components === void 0 ? void 0 : components.Nav) !== null && _a !== void 0 ? _a : Nav_1.Nav;
-    const Months = (_b = components === null || components === void 0 ? void 0 : components.Months) !== null && _b !== void 0 ? _b : Months_1.Months;
-    const Month = (_c = components === null || components === void 0 ? void 0 : components.Month) !== null && _c !== void 0 ? _c : Month_1.Month;
-    const Footer = (_d = components === null || components === void 0 ? void 0 : components.Footer) !== null && _d !== void 0 ? _d : Footer_1.Footer;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: cssClassNames.join(" "), style: { ...styles === null || styles === void 0 ? void 0 : styles[UI_1.UI.Calendar], ...style }, dir: dir, id: id, lang: lang, nonce: nonce, title: title, ...dataAttributes, children: [(0, jsx_runtime_1.jsx)(Months, { className: classNames[UI_1.UI.Months], style: styles === null || styles === void 0 ? void 0 : styles[UI_1.UI.Months], children: calendar.months.map((month, i) => ((0, jsx_runtime_1.jsx)(Month, { "aria-labelledby": id, index: i, month: month }, i))) }), !hideNavigation && (0, jsx_runtime_1.jsx)(Nav, {}), footer && ((0, jsx_runtime_1.jsx)(Footer, { className: classNames[UI_1.UI.Footer], style: styles === null || styles === void 0 ? void 0 : styles[UI_1.UI.Footer], children: footer }))] }));
+    const Nav = components?.Nav ?? Nav_1.Nav;
+    const Months = components?.Months ?? Months_1.Months;
+    const Month = components?.Month ?? Month_1.Month;
+    const Footer = components?.Footer ?? Footer_1.Footer;
+    return (react_1.default.createElement("div", { className: cssClassNames.join(" "), style: { ...styles?.[UI_1.UI.Calendar], ...style }, dir: dir, id: id, lang: lang, nonce: nonce, title: title, ...dataAttributes },
+        react_1.default.createElement(Months, { className: classNames[UI_1.UI.Months], style: styles?.[UI_1.UI.Months] },
+            !hideNavigation && react_1.default.createElement(Nav, null),
+            calendar.months.map((month, i) => (react_1.default.createElement(Month, { "aria-labelledby": id, key: i, index: i, month: month })))),
+        footer && (react_1.default.createElement(Footer, { className: classNames[UI_1.UI.Footer], style: styles?.[UI_1.UI.Footer] }, footer))));
 }
 exports.Calendar = Calendar;
 //# sourceMappingURL=Calendar.js.map

package/dist/cjs/components/Calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":";;;;AAAA,8BAAyC;AACzC,mDAAmD;AACnD,6CAA6C;AAE7C,qCAAmD;AACnD,mCAAgD;AAChD,qCAAmD;AACnD,+BAA0C;AAE1C;;;;;;;GAOG;AACH,SAAgB,QAAQ;;IACtB,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,GAAG,EACH,MAAM,EACN,cAAc,EACd,cAAc,EACd,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,KAAK,EACN,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/B,sCAAsC;IACtC,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,IAAI,SAAS,EAAE,CAAC;QACd,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,GAAG,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,mCAAI,SAAU,CAAC;IAC1C,MAAM,MAAM,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,eAAa,CAAC;IACnD,MAAM,KAAK,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,mCAAI,aAAY,CAAC;IAChD,MAAM,MAAM,GAAG,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,eAAa,CAAC;IAEnD,OAAO,CACL,iCACE,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,EAAE,EAAE,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc,aAElB,uBAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAE,CAAC,MAAM,CAAC,YACjE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,uBAAC,KAAK,uBAAkB,EAAE,EAAU,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,IAAzB,CAAC,CAA4B,CAC/D,CAAC,GACK,EACR,CAAC,cAAc,IAAI,uBAAC,GAAG,KAAG,EAC1B,MAAM,IAAI,CACT,uBAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,OAAE,CAAC,MAAM,CAAC,YACjE,MAAM,GACA,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAlED,4BAkEC"}
+{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAyC;AACzC,mDAAmD;AACnD,6CAA6C;AAE7C,qCAAmD;AACnD,mCAAgD;AAChD,qCAAmD;AACnD,+BAA0C;AAE1C;;;;;;;GAOG;AACH,SAAgB,QAAQ;IACtB,MAAM,EACJ,SAAS,EACT,UAAU,EACV,UAAU,EACV,cAAc,EACd,GAAG,EACH,MAAM,EACN,cAAc,EACd,cAAc,EACd,EAAE,EACF,IAAI,EACJ,KAAK,EACL,cAAc,EACd,cAAc,EACd,KAAK,EACL,MAAM,EACN,KAAK,EACN,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEf,MAAM,QAAQ,GAAG,IAAA,sBAAW,GAAE,CAAC;IAE/B,sCAAsC;IACtC,MAAM,aAAa,GAAG,CAAC,UAAU,CAAC,OAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAChD,IAAI,SAAS,EAAE,CAAC;QACd,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IACD,IAAI,cAAc,GAAG,CAAC,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjE,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,cAAc,CAAC,CAAC,CAAC;IAC9D,CAAC;IACD,IAAI,cAAc,EAAE,CAAC;QACnB,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,iBAAY,CAAC,UAAU,CAAC,CAAC,CAAC;IAC1D,CAAC;IAED,MAAM,GAAG,GAAG,UAAU,EAAE,GAAG,IAAI,SAAU,CAAC;IAC1C,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IACnD,MAAM,KAAK,GAAG,UAAU,EAAE,KAAK,IAAI,aAAY,CAAC;IAChD,MAAM,MAAM,GAAG,UAAU,EAAE,MAAM,IAAI,eAAa,CAAC;IAEnD,OAAO,CACL,uCACE,SAAS,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,CAAC,EAClC,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,CAAC,OAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,EAC7C,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc;QAElB,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC;YACjE,CAAC,cAAc,IAAI,8BAAC,GAAG,OAAG;YAC1B,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CACjC,8BAAC,KAAK,uBAAkB,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,GAAI,CAC/D,CAAC,CACK;QACR,MAAM,IAAI,CACT,8BAAC,MAAM,IAAC,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,OAAE,CAAC,MAAM,CAAC,IACjE,MAAM,CACA,CACV,CACG,CACP,CAAC;AACJ,CAAC;AAlED,4BAkEC"}

package/dist/cjs/components/Chevron.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 /**
  * Render the chevron icon used in the navigation buttons and dropdowns.
  *
@@ -9,4 +10,4 @@
 export declare function Chevron(props: {
     size?: number;
     orientation?: "up" | "down" | "left" | "right";
-}): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;

package/dist/cjs/components/Chevron.js

@@ -1,7 +1,10 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Chevron = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const UI_1 = require("../UI");
 const props_1 = require("../contexts/props");
 /**
@@ -14,8 +17,18 @@ const props_1 = require("../contexts/props");
  */
 function Chevron(props) {
     const { size = 24, orientation = "left" } = props;
-    const { classNames } = (0, props_1.useProps)();
-    return ((0, jsx_runtime_1.jsxs)("svg", { className: classNames[UI_1.UI.Chevron], width: size, height: size, viewBox: "0 0 24 24", children: [orientation === "up" && ((0, jsx_runtime_1.jsx)("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })), orientation === "down" && ((0, jsx_runtime_1.jsx)("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })), orientation === "left" && ((0, jsx_runtime_1.jsx)("polygon", { points: "15 17.23 9.43 11.5 15 5.76 13.28 4 6 11.5 13.28 19" })), orientation === "right" && ((0, jsx_runtime_1.jsx)("polygon", { points: "8 18.23 13.57 12.5 8 6.76 9.72 5 17 12.5 9.72 20" }))] }));
+    const { classNames, disableNavigation } = (0, props_1.useProps)();
+    const svgClassName = [
+        classNames[UI_1.UI.Chevron],
+        disableNavigation ? classNames[UI_1.ChevronFlag.disabled] : ""
+    ]
+        .join(" ")
+        .trim();
+    return (react_1.default.createElement("svg", { className: svgClassName, width: size, height: size, viewBox: "0 0 24 24" },
+        orientation === "up" && (react_1.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" })),
+        orientation === "down" && (react_1.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" })),
+        orientation === "left" && (react_1.default.createElement("polygon", { points: "15 17.23 9.43 11.5 15 5.76 13.28 4 6 11.5 13.28 19" })),
+        orientation === "right" && (react_1.default.createElement("polygon", { points: "8 18.23 13.57 12.5 8 6.76 9.72 5 17 12.5 9.72 20" }))));
 }
 exports.Chevron = Chevron;
 //# sourceMappingURL=Chevron.js.map

package/dist/cjs/components/Chevron.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../src/components/Chevron.tsx"],"names":[],"mappings":";;;;AAAA,8BAA2B;AAC3B,6CAA6C;AAE7C;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAGvB;IACC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAElC,OAAO,CACL,iCACE,SAAS,EAAE,UAAU,CAAC,OAAE,CAAC,OAAO,CAAC,EACjC,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,aAElB,WAAW,KAAK,IAAI,IAAI,CACvB,oCAAS,MAAM,EAAC,qDAAqD,GAAG,CACzE,EACA,WAAW,KAAK,MAAM,IAAI,CACzB,oCAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE,EACA,WAAW,KAAK,MAAM,IAAI,CACzB,oCAAS,MAAM,EAAC,oDAAoD,GAAG,CACxE,EACA,WAAW,KAAK,OAAO,IAAI,CAC1B,oCAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE,IACG,CACP,CAAC;AACJ,CAAC;AA5BD,0BA4BC"}
+{"version":3,"file":"Chevron.js","sourceRoot":"","sources":["../../../src/components/Chevron.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,8BAAwC;AACxC,6CAA6C;AAE7C;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAGvB;IACC,MAAM,EAAE,IAAI,GAAG,EAAE,EAAE,WAAW,GAAG,MAAM,EAAE,GAAG,KAAK,CAAC;IAClD,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAErD,MAAM,YAAY,GAAG;QACnB,UAAU,CAAC,OAAE,CAAC,OAAO,CAAC;QACtB,iBAAiB,CAAC,CAAC,CAAC,UAAU,CAAC,gBAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;KAC1D;SACE,IAAI,CAAC,GAAG,CAAC;SACT,IAAI,EAAE,CAAC;IACV,OAAO,CACL,uCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW;QAElB,WAAW,KAAK,IAAI,IAAI,CACvB,2CAAS,MAAM,EAAC,qDAAqD,GAAG,CACzE;QACA,WAAW,KAAK,MAAM,IAAI,CACzB,2CAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE;QACA,WAAW,KAAK,MAAM,IAAI,CACzB,2CAAS,MAAM,EAAC,oDAAoD,GAAG,CACxE;QACA,WAAW,KAAK,OAAO,IAAI,CAC1B,2CAAS,MAAM,EAAC,kDAAkD,GAAG,CACtE,CACG,CACP,CAAC;AACJ,CAAC;AAlCD,0BAkCC"}

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

@@ -1,22 +1,22 @@
-import type { HTMLAttributes } from "react";
+import React from "react";
+import type { ReactNode } from "react";
 import type { CalendarDay } from "../classes";
 import type { DayModifiers } from "../types";
 /**
- * Render the gridcell of a day in the calendar.
+ * Render the gridcell of a day in the calendar and handle the interaction and
+ * the focus with they day.
  *
- * Use the `components` prop to swap this component with a custom one.
+ * Use the `components` prop to swap this component with a custom one. If you
+ * need to just change the content of the day cell, consider swapping the
+ * `DayDate` component instead.
  *
  * @group Components
  * @see https://react-day-picker.js.org/advanced-guides/custom-components
  */
 export declare function Day(props: {
-    /** The day to be rendered in the gridcell. */
     day: CalendarDay;
-    /** Modifiers for the day. */
     modifiers: DayModifiers;
-    /** HTML attributes for the gridcell. */
-    htmlAttributes: HTMLAttributes<HTMLElement>;
-    /** Children of the gridcell. */
-    children?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
+    children?: ReactNode;
+    rootProps: Pick<JSX.IntrinsicElements["div"], "className" | "style" | "tabIndex" | "aria-colindex" | "aria-disabled" | "aria-hidden" | "aria-label" | "aria-selected" | "onClick" | "onBlur" | "onFocus" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onTouchCancel" | "onTouchEnd" | "onTouchMove" | "onTouchStart" | "ref" | "role">;
+}): React.JSX.Element;
 export type DayProps = Parameters<typeof Day>[0];

package/dist/cjs/components/Day.js

@@ -1,18 +1,23 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Day = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 /**
- * Render the gridcell of a day in the calendar.
+ * Render the gridcell of a day in the calendar and handle the interaction and
+ * the focus with they day.
  *
- * Use the `components` prop to swap this component with a custom one.
+ * Use the `components` prop to swap this component with a custom one. If you
+ * need to just change the content of the day cell, consider swapping the
+ * `DayDate` component instead.
  *
  * @group Components
  * @see https://react-day-picker.js.org/advanced-guides/custom-components
  */
 function Day(props) {
-    const { children, htmlAttributes } = props;
-    return (0, jsx_runtime_1.jsx)("div", { ...htmlAttributes, children: children });
+    return react_1.default.createElement("div", { ...props.rootProps }, props.children);
 }
 exports.Day = Day;
 //# sourceMappingURL=Day.js.map

package/dist/cjs/components/Day.js.map

@@ -1 +1 @@
-{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/components/Day.tsx"],"names":[],"mappings":";;;;AAKA;;;;;;;GAOG;AACH,SAAgB,GAAG,CAAC,KASnB;IACC,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC3C,OAAO,mCAAS,cAAc,YAAG,QAAQ,GAAO,CAAC;AACnD,CAAC;AAZD,kBAYC"}
+{"version":3,"file":"Day.js","sourceRoot":"","sources":["../../../src/components/Day.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAM1B;;;;;;;;;;GAUG;AACH,SAAgB,GAAG,CAAC,KA+BnB;IACC,OAAO,0CAAS,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AAC1D,CAAC;AAjCD,kBAiCC"}

package/dist/cjs/components/DayDate.d.ts

@@ -0,0 +1,24 @@
+import React from "react";
+import type { CalendarDay } from "../classes";
+import type { DayModifiers } from "../types";
+/**
+ * Render the date as string inside the day grid cell.
+ *
+ * Use the `components` prop to swap this component with a custom one.
+ *
+ * @group Components
+ * @see https://react-day-picker.js.org/advanced-guides/custom-components
+ */
+export declare function DayDate(props: {
+    day: CalendarDay;
+    /** The date to display. */
+    formattedDate: string;
+    /** The modifiers for the day. */
+    modifiers: DayModifiers;
+    /** The HTML attributes for the root element. */
+    rootProps: {
+        className: string;
+        style?: React.CSSProperties;
+    };
+}): React.JSX.Element;
+export type DayDateProps = Parameters<typeof DayDate>[0];

package/dist/cjs/components/DayDate.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DayDate = void 0;
+const react_1 = __importDefault(require("react"));
+/**
+ * Render the date as string inside the day grid cell.
+ *
+ * Use the `components` prop to swap this component with a custom one.
+ *
+ * @group Components
+ * @see https://react-day-picker.js.org/advanced-guides/custom-components
+ */
+function DayDate(props) {
+    return react_1.default.createElement("span", { ...props.rootProps }, props.formattedDate);
+}
+exports.DayDate = DayDate;
+//# sourceMappingURL=DayDate.js.map

package/dist/cjs/components/DayDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DayDate.js","sourceRoot":"","sources":["../../../src/components/DayDate.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAK1B;;;;;;;GAOG;AACH,SAAgB,OAAO,CAAC,KAWvB;IACC,OAAO,2CAAU,KAAK,CAAC,SAAS,IAAG,KAAK,CAAC,aAAa,CAAQ,CAAC;AACjE,CAAC;AAbD,0BAaC"}