react-day-picker 8.0.0-beta.27 → 8.0.0-beta.31

package/build/components/IconPrevious/index.d.ts

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

package/build/components/MonthsDropdown/MonthsDropdown.d.ts

@@ -0,0 +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;

package/build/components/MonthsDropdown/MonthsDropdown.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { isSameYear, setMonth, startOfMonth } from 'date-fns';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+
+/**
+ * Render the dropdown to navigate between months.
+ */
+function MonthsDropdown(props) {
+    var displayMonth = props.displayMonth;
+    var _a = useDayPicker(), fromDate = _a.fromDate, toDate = _a.toDate, styles = _a.styles, locale = _a.locale, formatMonthCaption = _a.formatters.formatMonthCaption, classNames = _a.classNames, Dropdown = _a.components.Dropdown, labelMonthDropdown = _a.labels.labelMonthDropdown;
+    if (!fromDate && !toDate) {
+        // TODO: use type guards
+        return React.createElement(React.Fragment, null);
+    }
+    var dropdownMonths = [];
+    if (fromDate && toDate) {
+        if (isSameYear(fromDate, toDate)) {
+            // only display the months included in the range
+            for (var month = fromDate.getMonth(); month <= toDate.getMonth(); month++) {
+                dropdownMonths.push(setMonth(startOfMonth(fromDate), month));
+            }
+        }
+        else {
+            // display all the 12 months
+            for (var month = 0; month <= 11; month++) {
+                var anyDate = new Date(); // any date is OK, we just need the year
+                dropdownMonths.push(setMonth(startOfMonth(anyDate), month));
+            }
+        }
+    }
+    var handleChange = function (e) {
+        var newMonth = setMonth(new Date(displayMonth), Number(e.target.value));
+        props.onChange(newMonth);
+    };
+    return (React.createElement(Dropdown, { "aria-label": labelMonthDropdown(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: displayMonth.getMonth(), caption: formatMonthCaption(displayMonth, { locale: locale }) }, dropdownMonths.map(function (m) { return (React.createElement("option", { key: m.getMonth(), value: m.getMonth() }, formatMonthCaption(m, { locale: locale }))); })));
+}
+
+export { MonthsDropdown };
+//# sourceMappingURL=MonthsDropdown.js.map

package/build/components/MonthsDropdown/MonthsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthsDropdown.js","sources":["../../../src/components/MonthsDropdown/MonthsDropdown.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { isSameYear, setMonth as setDateMonth, startOfMonth } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { MonthChangeEventHandler } from '../../types';\n\n/** The props for the [[MonthsDropdown]] component. */\nexport interface MonthsDropdownProps {\n  /** The month where the dropdown is displayed. */\n  displayMonth: Date;\n  onChange: MonthChangeEventHandler;\n}\n\n/**\n * Render the dropdown to navigate between months.\n */\nexport function MonthsDropdown(props: MonthsDropdownProps): JSX.Element {\n  const { displayMonth } = props;\n\n  const {\n    fromDate,\n    toDate,\n    styles,\n    locale,\n    formatters: { formatMonthCaption },\n    classNames,\n    components: { Dropdown },\n    labels: { labelMonthDropdown }\n  } = useDayPicker();\n\n  if (!fromDate && !toDate) {\n    // TODO: use type guards\n    return <></>;\n  }\n  const dropdownMonths: Date[] = [];\n\n  if (fromDate && toDate) {\n    if (isSameYear(fromDate, toDate)) {\n      // only display the months included in the range\n      for (\n        let month = fromDate.getMonth();\n        month <= toDate.getMonth();\n        month++\n      ) {\n        dropdownMonths.push(setDateMonth(startOfMonth(fromDate), month));\n      }\n    } else {\n      // display all the 12 months\n      for (let month = 0; month <= 11; month++) {\n        const anyDate = new Date(); // any date is OK, we just need the year\n        dropdownMonths.push(setDateMonth(startOfMonth(anyDate), month));\n      }\n    }\n  }\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    const newMonth = setDateMonth(\n      new Date(displayMonth),\n      Number(e.target.value)\n    );\n    props.onChange(newMonth);\n  };\n\n  return (\n    <Dropdown\n      aria-label={labelMonthDropdown()}\n      className={classNames.dropdown_month}\n      style={styles.dropdown_month}\n      onChange={handleChange}\n      value={displayMonth.getMonth()}\n      caption={formatMonthCaption(displayMonth, { locale })}\n    >\n      {dropdownMonths.map((m) => (\n        <option key={m.getMonth()} value={m.getMonth()}>\n          {formatMonthCaption(m, { locale })}\n        </option>\n      ))}\n    </Dropdown>\n  );\n}\n"],"names":["setDateMonth"],"mappings":";;;;AAcA;;;SAGgB,cAAc,CAAC,KAA0B;IAC/C,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IAEzB,IAAA,KASF,YAAY,EAAE,EARhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA,EACQ,kBAAkB,mCAAA,EAChC,UAAU,gBAAA,EACI,QAAQ,yBAAA,EACZ,kBAAkB,+BACZ,CAAC;IAEnB,IAAI,CAAC,QAAQ,IAAI,CAAC,MAAM,EAAE;;QAExB,OAAO,yCAAK,CAAC;KACd;IACD,IAAM,cAAc,GAAW,EAAE,CAAC;IAElC,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,IAAI,UAAU,CAAC,QAAQ,EAAE,MAAM,CAAC,EAAE;;YAEhC,KACE,IAAI,KAAK,GAAG,QAAQ,CAAC,QAAQ,EAAE,EAC/B,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,EAC1B,KAAK,EAAE,EACP;gBACA,cAAc,CAAC,IAAI,CAACA,QAAY,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aAClE;SACF;aAAM;;YAEL,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,EAAE,EAAE,KAAK,EAAE,EAAE;gBACxC,IAAM,OAAO,GAAG,IAAI,IAAI,EAAE,CAAC;gBAC3B,cAAc,CAAC,IAAI,CAACA,QAAY,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;aACjE;SACF;KACF;IAED,IAAM,YAAY,GAAgD,UAAC,CAAC;QAClE,IAAM,QAAQ,GAAGA,QAAY,CAC3B,IAAI,IAAI,CAAC,YAAY,CAAC,EACtB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CACvB,CAAC;QACF,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC1B,CAAC;IAEF,QACE,oBAAC,QAAQ,kBACK,kBAAkB,EAAE,EAChC,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,QAAQ,EAAE,EAC9B,OAAO,EAAE,kBAAkB,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,IAEpD,cAAc,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,QACzB,gCAAQ,GAAG,EAAE,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,CAAC,CAAC,QAAQ,EAAE,IAC3C,kBAAkB,CAAC,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC3B,IACV,CAAC,CACO,EACX;AACJ;;;;"}

package/build/components/MonthsDropdown/index.d.ts

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

package/build/components/Navigation/Navigation.d.ts

@@ -0,0 +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;

package/build/components/Navigation/Navigation.js

@@ -0,0 +1,37 @@
+import * as React from 'react';
+import { Button } from '../Button/Button.js';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+
+/** A component rendering the navigation buttons or the drop-downs. */
+function Navigation(props) {
+    var _a;
+    var _b = useDayPicker(), dir = _b.dir, locale = _b.locale, classNames = _b.classNames, styles = _b.styles, _c = _b.labels, labelPrevious = _c.labelPrevious, labelNext = _c.labelNext, _d = _b.components, IconNext = _d.IconNext, IconPrevious = _d.IconPrevious;
+    var onPreviousClick = props.onPreviousClick, onNextClick = props.onNextClick;
+    if (dir === 'rtl') {
+        _a = [onPreviousClick, onNextClick], onNextClick = _a[0], onPreviousClick = _a[1];
+    }
+    var previousMonth = props.previousMonth, nextMonth = props.nextMonth;
+    var previousLabel = labelPrevious(previousMonth, { locale: locale });
+    var previousClassName = [
+        classNames.nav_button,
+        classNames.nav_button_previous
+    ].join(' ');
+    var nextLabel = labelNext(nextMonth, { locale: locale });
+    var nextClassName = [
+        classNames.nav_button,
+        classNames.nav_button_next
+    ].join(' ');
+    var previousButton = (React.createElement(Button, { key: "prev", "aria-label": previousLabel, className: previousClassName, style: styles.nav_button_previous, disabled: !previousMonth, onClick: onPreviousClick },
+        React.createElement(IconPrevious, { className: classNames.nav_icon, style: styles.nav_icon })));
+    var nextButton = (React.createElement(Button, { key: "next", "aria-label": nextLabel, className: nextClassName, disabled: !nextMonth, onClick: onNextClick, style: styles.nav_button_next },
+        React.createElement(IconNext, { className: classNames.nav_icon, style: styles.nav_icon })));
+    if (!nextMonth && !previousMonth) {
+        return React.createElement(React.Fragment, null);
+    }
+    return (React.createElement("div", { className: classNames.nav, style: styles.nav },
+        !props.hidePrevious && (dir === 'rtl' ? nextButton : previousButton),
+        !props.hideNext && (dir === 'rtl' ? previousButton : nextButton)));
+}
+
+export { Navigation };
+//# sourceMappingURL=Navigation.js.map

package/build/components/Navigation/Navigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Navigation.js","sources":["../../../src/components/Navigation/Navigation.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../Button';\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/** The props for the [[Navigation]] component. */\nexport interface NavigationProps {\n  /** The month where the caption is displayed. */\n  displayMonth: Date;\n  /** The previous month. */\n  previousMonth?: Date;\n  /** The next month. */\n  nextMonth?: Date;\n  /** Hide the previous button. */\n  hidePrevious: boolean;\n  /** Hide the next button. */\n  hideNext: boolean;\n  /** Event handler when the next button is clicked. */\n  onNextClick: React.MouseEventHandler<HTMLButtonElement>;\n  /** Event handler when the previous button is clicked. */\n  onPreviousClick: React.MouseEventHandler<HTMLButtonElement>;\n}\n\n/** A component rendering the navigation buttons or the drop-downs. */\nexport function Navigation(props: NavigationProps): JSX.Element {\n  const {\n    dir,\n    locale,\n    classNames,\n    styles,\n    labels: { labelPrevious, labelNext },\n    components: { IconNext, IconPrevious }\n  } = useDayPicker();\n  let { onPreviousClick, onNextClick } = props;\n  if (dir === 'rtl') {\n    [onNextClick, onPreviousClick] = [onPreviousClick, onNextClick];\n  }\n\n  const { previousMonth, nextMonth } = props;\n\n  const previousLabel = labelPrevious(previousMonth, { locale });\n  const previousClassName = [\n    classNames.nav_button,\n    classNames.nav_button_previous\n  ].join(' ');\n\n  const nextLabel = labelNext(nextMonth, { locale });\n  const nextClassName = [\n    classNames.nav_button,\n    classNames.nav_button_next\n  ].join(' ');\n\n  const previousButton = (\n    <Button\n      key=\"prev\"\n      aria-label={previousLabel}\n      className={previousClassName}\n      style={styles.nav_button_previous}\n      disabled={!previousMonth}\n      onClick={onPreviousClick}\n    >\n      <IconPrevious className={classNames.nav_icon} style={styles.nav_icon} />\n    </Button>\n  );\n\n  const nextButton = (\n    <Button\n      key=\"next\"\n      aria-label={nextLabel}\n      className={nextClassName}\n      disabled={!nextMonth}\n      onClick={onNextClick}\n      style={styles.nav_button_next}\n    >\n      <IconNext className={classNames.nav_icon} style={styles.nav_icon} />\n    </Button>\n  );\n  if (!nextMonth && !previousMonth) {\n    return <></>;\n  }\n  return (\n    <div className={classNames.nav} style={styles.nav}>\n      {!props.hidePrevious && (dir === 'rtl' ? nextButton : previousButton)}\n      {!props.hideNext && (dir === 'rtl' ? previousButton : nextButton)}\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;AAuBA;SACgB,UAAU,CAAC,KAAsB;;IACzC,IAAA,KAOF,YAAY,EAAE,EANhB,GAAG,SAAA,EACH,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,cAAoC,EAA1B,aAAa,mBAAA,EAAE,SAAS,eAAA,EAClC,kBAAsC,EAAxB,QAAQ,cAAA,EAAE,YAAY,kBACpB,CAAC;IACb,IAAA,eAAe,GAAkB,KAAK,gBAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IAC7C,IAAI,GAAG,KAAK,KAAK,EAAE;QACjB,KAAiC,CAAC,eAAe,EAAE,WAAW,CAAC,EAA9D,WAAW,QAAA,EAAE,eAAe,QAAA,CAAmC;KACjE;IAEO,IAAA,aAAa,GAAgB,KAAK,cAArB,EAAE,SAAS,GAAK,KAAK,UAAV,CAAW;IAE3C,IAAM,aAAa,GAAG,aAAa,CAAC,aAAa,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAC/D,IAAM,iBAAiB,GAAG;QACxB,UAAU,CAAC,UAAU;QACrB,UAAU,CAAC,mBAAmB;KAC/B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAM,SAAS,GAAG,SAAS,CAAC,SAAS,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IACnD,IAAM,aAAa,GAAG;QACpB,UAAU,CAAC,UAAU;QACrB,UAAU,CAAC,eAAe;KAC3B,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEZ,IAAM,cAAc,IAClB,oBAAC,MAAM,IACL,GAAG,EAAC,MAAM,gBACE,aAAa,EACzB,SAAS,EAAE,iBAAiB,EAC5B,KAAK,EAAE,MAAM,CAAC,mBAAmB,EACjC,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,eAAe;QAExB,oBAAC,YAAY,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,CACjE,CACV,CAAC;IAEF,IAAM,UAAU,IACd,oBAAC,MAAM,IACL,GAAG,EAAC,MAAM,gBACE,SAAS,EACrB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,MAAM,CAAC,eAAe;QAE7B,oBAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,CAAC,QAAQ,GAAI,CAC7D,CACV,CAAC;IACF,IAAI,CAAC,SAAS,IAAI,CAAC,aAAa,EAAE;QAChC,OAAO,yCAAK,CAAC;KACd;IACD,QACE,6BAAK,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG;QAC9C,CAAC,KAAK,CAAC,YAAY,KAAK,GAAG,KAAK,KAAK,GAAG,UAAU,GAAG,cAAc,CAAC;QACpE,CAAC,KAAK,CAAC,QAAQ,KAAK,GAAG,KAAK,KAAK,GAAG,cAAc,GAAG,UAAU,CAAC,CAC7D,EACN;AACJ;;;;"}

package/build/components/Navigation/index.d.ts

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

package/build/components/Root/Root.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+/**
+ * Render the container with the months and their captions. The number of months
+ * rendered depends by the `numberOfMonths` prop.
+ */
+export declare function Root(): JSX.Element;

package/build/components/Root/Root.js

@@ -0,0 +1,50 @@
+import { __assign } from '../../_virtual/_tslib.js';
+import * as React from 'react';
+import { Table } from '../Table/Table.js';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+import '../../contexts/Navigation/NavigationContext.js';
+import 'date-fns';
+import { useNavigation } from '../../contexts/Navigation/useNavigation.js';
+
+/**
+ * Render the container with the months and their captions. The number of months
+ * rendered depends by the `numberOfMonths` prop.
+ */
+function Root() {
+    var _a = useDayPicker(), dir = _a.dir, className = _a.className, classNames = _a.classNames, style = _a.style, styles = _a.styles, numberOfMonths = _a.numberOfMonths, showWeekNumber = _a.showWeekNumber, Caption = _a.components.Caption;
+    var displayMonths = useNavigation().displayMonths;
+    var rootClassNames = [className !== null && className !== void 0 ? className : classNames.root];
+    if (numberOfMonths > 1) {
+        rootClassNames.push(classNames.multiple_month);
+    }
+    if (showWeekNumber) {
+        rootClassNames.push(classNames.with_weeknumber);
+    }
+    if (className)
+        rootClassNames.concat(className.split(' '));
+    var renderMonth = function (displayMonth, displayIndex) {
+        var _a;
+        var className = [classNames.month];
+        var style = __assign({}, styles.month);
+        var isFirst = displayIndex === 0;
+        var isLast = displayIndex === displayMonths.length - 1;
+        if (dir === 'rtl')
+            _a = [isFirst, isLast], isLast = _a[0], isFirst = _a[1];
+        if (isFirst) {
+            className.push(classNames.caption_first);
+            Object.assign(style, styles.caption_first);
+        }
+        if (isLast)
+            className.push(classNames.caption_last);
+        if (!isFirst && !isLast)
+            className.push(classNames.caption_middle);
+        return (React.createElement("div", { key: displayIndex, className: className.join(' '), style: style },
+            React.createElement(Caption, { displayMonth: displayMonth }),
+            React.createElement(Table, { displayMonth: displayMonth })));
+    };
+    return (React.createElement("div", { className: rootClassNames.join(' '), style: __assign(__assign({}, styles.root), style), dir: dir },
+        React.createElement("div", { className: classNames.months, style: styles.months }, displayMonths.map(renderMonth))));
+}
+
+export { Root };
+//# sourceMappingURL=Root.js.map

package/build/components/Root/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Table } from '../Table';\nimport { useDayPicker } from '../../contexts/DayPicker';\nimport { useNavigation } from '../../contexts/Navigation';\n\n/**\n * Render the container with the months and their captions. The number of months\n * rendered depends by the `numberOfMonths` prop.\n */\nexport function Root(): JSX.Element {\n  const {\n    dir,\n    className,\n    classNames,\n    style,\n    styles,\n    numberOfMonths,\n    showWeekNumber,\n    components: { Caption }\n  } = useDayPicker();\n\n  const { displayMonths } = useNavigation();\n\n  const rootClassNames = [className ?? classNames.root];\n  if (numberOfMonths > 1) {\n    rootClassNames.push(classNames.multiple_month);\n  }\n  if (showWeekNumber) {\n    rootClassNames.push(classNames.with_weeknumber);\n  }\n  if (className) rootClassNames.concat(className.split(' '));\n\n  const renderMonth = (displayMonth: Date, displayIndex: number) => {\n    const className = [classNames.month];\n    const style = { ...styles.month };\n    let isFirst = displayIndex === 0;\n    let isLast = displayIndex === displayMonths.length - 1;\n\n    if (dir === 'rtl') [isLast, isFirst] = [isFirst, isLast];\n\n    if (isFirst) {\n      className.push(classNames.caption_first);\n      Object.assign(style, styles.caption_first);\n    }\n    if (isLast) className.push(classNames.caption_last);\n    if (!isFirst && !isLast) className.push(classNames.caption_middle);\n\n    return (\n      <div key={displayIndex} className={className.join(' ')} style={style}>\n        <Caption displayMonth={displayMonth} />\n        <Table displayMonth={displayMonth} />\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={rootClassNames.join(' ')}\n      style={{ ...styles.root, ...style }}\n      dir={dir}\n    >\n      <div className={classNames.months} style={styles.months}>\n        {displayMonths.map(renderMonth)}\n      </div>\n    </div>\n  );\n}\n"],"names":[],"mappings":";;;;;;;;AAMA;;;;SAIgB,IAAI;IACZ,IAAA,KASF,YAAY,EAAE,EARhB,GAAG,SAAA,EACH,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACA,OAAO,wBACL,CAAC;IAEX,IAAA,aAAa,GAAK,aAAa,EAAE,cAApB,CAAqB;IAE1C,IAAM,cAAc,GAAG,CAAC,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,UAAU,CAAC,IAAI,CAAC,CAAC;IACtD,IAAI,cAAc,GAAG,CAAC,EAAE;QACtB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;KAChD;IACD,IAAI,cAAc,EAAE;QAClB,cAAc,CAAC,IAAI,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;KACjD;IACD,IAAI,SAAS;QAAE,cAAc,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC;IAE3D,IAAM,WAAW,GAAG,UAAC,YAAkB,EAAE,YAAoB;;QAC3D,IAAM,SAAS,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC;QACrC,IAAM,KAAK,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAC;QAClC,IAAI,OAAO,GAAG,YAAY,KAAK,CAAC,CAAC;QACjC,IAAI,MAAM,GAAG,YAAY,KAAK,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC;QAEvD,IAAI,GAAG,KAAK,KAAK;YAAE,KAAoB,CAAC,OAAO,EAAE,MAAM,CAAC,EAApC,MAAM,QAAA,EAAE,OAAO,QAAA,CAAsB;QAEzD,IAAI,OAAO,EAAE;YACX,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;YACzC,MAAM,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,aAAa,CAAC,CAAC;SAC5C;QACD,IAAI,MAAM;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,IAAI,CAAC,MAAM;YAAE,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;QAEnE,QACE,6BAAK,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,KAAK;YAClE,oBAAC,OAAO,IAAC,YAAY,EAAE,YAAY,GAAI;YACvC,oBAAC,KAAK,IAAC,YAAY,EAAE,YAAY,GAAI,CACjC,EACN;KACH,CAAC;IAEF,QACE,6BACE,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,EACnC,KAAK,wBAAO,MAAM,CAAC,IAAI,GAAK,KAAK,GACjC,GAAG,EAAE,GAAG;QAER,6BAAK,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,MAAM,IACpD,aAAa,CAAC,GAAG,CAAC,WAAW,CAAC,CAC3B,CACF,EACN;AACJ;;;;"}

package/build/components/Root/index.d.ts

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

package/build/components/Row/Row.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+/**
+ * The props for the [[Row]] component.
+ */
+export interface RowProps {
+    /** The month where the row is displayed. */
+    displayMonth: Date;
+    /** The number of the week to render. */
+    weekNumber: number;
+    /** The days contained in the week. */
+    dates: Date[];
+}
+/**
+ * Render a row in the calendar, with the days and optionally the week number.
+ */
+export declare function Row(props: RowProps): JSX.Element;

package/build/components/Row/Row.js

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { getUnixTime } from 'date-fns';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+
+/**
+ * Render a row in the calendar, with the days and optionally the week number.
+ */
+function Row(props) {
+    var _a = useDayPicker(), styles = _a.styles, classNames = _a.classNames, showWeekNumber = _a.showWeekNumber, _b = _a.components, Day = _b.Day, WeekNumber = _b.WeekNumber;
+    var weekNumberCell;
+    if (showWeekNumber) {
+        weekNumberCell = (React.createElement("td", { className: classNames.cell, style: styles.cell },
+            React.createElement(WeekNumber, { number: props.weekNumber, dates: props.dates })));
+    }
+    return (React.createElement("tr", { className: classNames.row, style: styles.row },
+        weekNumberCell,
+        props.dates.map(function (date) { return (React.createElement("td", { className: classNames.cell, style: styles.cell, key: getUnixTime(date) },
+            React.createElement(Day, { displayMonth: props.displayMonth, date: date }))); })));
+}
+
+export { Row };
+//# sourceMappingURL=Row.js.map

package/build/components/Row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../src/components/Row/Row.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { getUnixTime } from 'date-fns';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[Row]] component.\n */\nexport interface RowProps {\n  /** The month where the row is displayed. */\n  displayMonth: Date;\n  /** The number of the week to render. */\n  weekNumber: number;\n  /** The days contained in the week. */\n  dates: Date[];\n}\n\n/**\n * Render a row in the calendar, with the days and optionally the week number.\n */\nexport function Row(props: RowProps): JSX.Element {\n  const {\n    styles,\n    classNames,\n    showWeekNumber,\n    components: { Day, WeekNumber }\n  } = useDayPicker();\n\n  let weekNumberCell;\n  if (showWeekNumber) {\n    weekNumberCell = (\n      <td className={classNames.cell} style={styles.cell}>\n        <WeekNumber number={props.weekNumber} dates={props.dates} />\n      </td>\n    );\n  }\n\n  return (\n    <tr className={classNames.row} style={styles.row}>\n      {weekNumberCell}\n      {props.dates.map((date) => (\n        <td\n          className={classNames.cell}\n          style={styles.cell}\n          key={getUnixTime(date)}\n        >\n          <Day displayMonth={props.displayMonth} date={date} />\n        </td>\n      ))}\n    </tr>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBA;;;SAGgB,GAAG,CAAC,KAAe;IAC3B,IAAA,KAKF,YAAY,EAAE,EAJhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,kBAA+B,EAAjB,GAAG,SAAA,EAAE,UAAU,gBACb,CAAC;IAEnB,IAAI,cAAc,CAAC;IACnB,IAAI,cAAc,EAAE;QAClB,cAAc,IACZ,4BAAI,SAAS,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC,IAAI;YAChD,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,CAAC,UAAU,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI,CACzD,CACN,CAAC;KACH;IAED,QACE,4BAAI,SAAS,EAAE,UAAU,CAAC,GAAG,EAAE,KAAK,EAAE,MAAM,CAAC,GAAG;QAC7C,cAAc;QACd,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACzB,4BACE,SAAS,EAAE,UAAU,CAAC,IAAI,EAC1B,KAAK,EAAE,MAAM,CAAC,IAAI,EAClB,GAAG,EAAE,WAAW,CAAC,IAAI,CAAC;YAEtB,oBAAC,GAAG,IAAC,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,GAAI,CAClD,IACN,CAAC,CACC,EACL;AACJ;;;;"}

package/build/components/Row/index.d.ts

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

package/build/components/Table/Table.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+/**
+ * The props for the [[Table]] component.
+ */
+export interface TableProps {
+    /** The month where the table is displayed. */
+    displayMonth: Date;
+}
+/**
+ * Render the table with the calendar.
+ */
+export declare function Table(props: TableProps): JSX.Element;

package/build/components/Table/Table.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+import { getWeeks } from './utils/getWeeks.js';
+
+/**
+ * Render the table with the calendar.
+ */
+function Table(props) {
+    var _a = useDayPicker(), locale = _a.locale, classNames = _a.classNames, styles = _a.styles, hideHead = _a.hideHead, fixedWeeks = _a.fixedWeeks, _b = _a.components, Head = _b.Head, Row = _b.Row, Footer = _b.Footer;
+    var weeks = getWeeks(props.displayMonth, { locale: locale, fixedWeeks: fixedWeeks });
+    return (React.createElement("table", { className: classNames.table, style: styles.table },
+        !hideHead && React.createElement(Head, null),
+        React.createElement("tbody", { className: classNames.tbody, style: styles.tbody }, weeks.map(function (week) { return (React.createElement(Row, { displayMonth: props.displayMonth, key: week.weekNumber, dates: week.dates, weekNumber: week.weekNumber })); })),
+        React.createElement(Footer, null)));
+}
+
+export { Table };
+//# sourceMappingURL=Table.js.map

package/build/components/Table/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/components/Table/Table.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\nimport { getWeeks } from './utils/getWeeks';\n\n/**\n * The props for the [[Table]] component.\n */\nexport interface TableProps {\n  /** The month where the table is displayed. */\n  displayMonth: Date;\n}\n\n/**\n * Render the table with the calendar.\n */\nexport function Table(props: TableProps): JSX.Element {\n  const {\n    locale,\n    classNames,\n    styles,\n    hideHead,\n    fixedWeeks,\n    components: { Head, Row, Footer }\n  } = useDayPicker();\n  const weeks = getWeeks(props.displayMonth, { locale, fixedWeeks });\n  return (\n    <table className={classNames.table} style={styles.table}>\n      {!hideHead && <Head />}\n      <tbody className={classNames.tbody} style={styles.tbody}>\n        {weeks.map((week) => (\n          <Row\n            displayMonth={props.displayMonth}\n            key={week.weekNumber}\n            dates={week.dates}\n            weekNumber={week.weekNumber}\n          />\n        ))}\n      </tbody>\n      <Footer />\n    </table>\n  );\n}\n"],"names":[],"mappings":";;;;AAcA;;;SAGgB,KAAK,CAAC,KAAiB;IAC/B,IAAA,KAOF,YAAY,EAAE,EANhB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,kBAAiC,EAAnB,IAAI,UAAA,EAAE,GAAG,SAAA,EAAE,MAAM,YACf,CAAC;IACnB,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC;IACnE,QACE,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK;QACpD,CAAC,QAAQ,IAAI,oBAAC,IAAI,OAAG;QACtB,+BAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACpD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnB,oBAAC,GAAG,IACF,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,GAAG,EAAE,IAAI,CAAC,UAAU,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,IACH,CAAC,CACI;QACR,oBAAC,MAAM,OAAG,CACJ,EACR;AACJ;;;;"}

package/build/components/Table/index.d.ts

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

package/build/components/Table/utils/getOutsideEndDays.d.ts

@@ -0,0 +1,3 @@
+export declare function getOutsideEndDays(month: Date, options?: {
+    locale?: Locale;
+}): Date[];

package/build/components/Table/utils/getOutsideEndDays.js

@@ -0,0 +1,15 @@
+import { endOfWeek, differenceInCalendarDays, addDays } from 'date-fns';
+
+function getOutsideEndDays(month, options) {
+    var days = [];
+    var lastDayOfWeek = endOfWeek(month, options);
+    var endDiff = differenceInCalendarDays(lastDayOfWeek, month);
+    for (var i = 1; i <= endDiff; i++) {
+        var dayDate = addDays(month, i);
+        days.push(dayDate);
+    }
+    return days;
+}
+
+export { getOutsideEndDays };
+//# sourceMappingURL=getOutsideEndDays.js.map

package/build/components/Table/utils/getOutsideEndDays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOutsideEndDays.js","sources":["../../../../src/components/Table/utils/getOutsideEndDays.ts"],"sourcesContent":["import { addDays, differenceInCalendarDays, endOfWeek } from 'date-fns';\n\nexport function getOutsideEndDays(\n  month: Date,\n  options?: { locale?: Locale }\n): Date[] {\n  const days = [];\n  const lastDayOfWeek = endOfWeek(month, options);\n  const endDiff = differenceInCalendarDays(lastDayOfWeek, month);\n\n  for (let i = 1; i <= endDiff; i++) {\n    const dayDate = addDays(month, i);\n    days.push(dayDate);\n  }\n  return days;\n}\n"],"names":[],"mappings":";;SAEgB,iBAAiB,CAC/B,KAAW,EACX,OAA6B;IAE7B,IAAM,IAAI,GAAG,EAAE,CAAC;IAChB,IAAM,aAAa,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAChD,IAAM,OAAO,GAAG,wBAAwB,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC;IAE/D,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE;QACjC,IAAM,OAAO,GAAG,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;QAClC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpB;IACD,OAAO,IAAI,CAAC;AACd;;;;"}

package/build/components/Table/utils/getOutsideStartDays.d.ts

@@ -0,0 +1,4 @@
+import { Locale } from 'date-fns';
+export declare function getOutsideStartDays(month: Date, options?: {
+    locale?: Locale;
+}): Date[];

package/build/components/Table/utils/getOutsideStartDays.js

@@ -0,0 +1,15 @@
+import { startOfWeek, differenceInCalendarDays, addDays } from 'date-fns';
+
+function getOutsideStartDays(month, options) {
+    var days = [];
+    var firstDayOfWeek = startOfWeek(month, options);
+    var startDiff = differenceInCalendarDays(month, firstDayOfWeek);
+    for (var i = 0; i < startDiff; i++) {
+        var newDay = addDays(firstDayOfWeek, i);
+        days.push(newDay);
+    }
+    return days;
+}
+
+export { getOutsideStartDays };
+//# sourceMappingURL=getOutsideStartDays.js.map

package/build/components/Table/utils/getOutsideStartDays.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getOutsideStartDays.js","sources":["../../../../src/components/Table/utils/getOutsideStartDays.ts"],"sourcesContent":["import {\n  addDays,\n  differenceInCalendarDays,\n  Locale,\n  startOfWeek\n} from 'date-fns';\n\nexport function getOutsideStartDays(\n  month: Date,\n  options?: { locale?: Locale }\n): Date[] {\n  const days = [];\n  const firstDayOfWeek = startOfWeek(month, options);\n  const startDiff = differenceInCalendarDays(month, firstDayOfWeek);\n\n  for (let i = 0; i < startDiff; i++) {\n    const newDay = addDays(firstDayOfWeek, i);\n    days.push(newDay);\n  }\n  return days;\n}\n"],"names":[],"mappings":";;SAOgB,mBAAmB,CACjC,KAAW,EACX,OAA6B;IAE7B,IAAM,IAAI,GAAG,EAAE,CAAC;IAChB,IAAM,cAAc,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IACnD,IAAM,SAAS,GAAG,wBAAwB,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;IAElE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,EAAE,CAAC,EAAE,EAAE;QAClC,IAAM,MAAM,GAAG,OAAO,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QAC1C,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KACnB;IACD,OAAO,IAAI,CAAC;AACd;;;;"}

package/build/components/Table/utils/getWeeks.d.ts

@@ -0,0 +1,17 @@
+import { Locale } from 'date-fns';
+/**
+ * Represents a week in the month.
+ */
+export declare type MonthWeek = {
+    /** The week number from the start of the year. */
+    weekNumber: number;
+    /** The dates in the week. */
+    dates: Date[];
+};
+/**
+ * Return the weeks belonging to the given month.
+ */
+export declare function getWeeks(month: Date, { locale, fixedWeeks }: {
+    locale: Locale;
+    fixedWeeks?: boolean;
+}): MonthWeek[];

package/build/components/Table/utils/getWeeks.js

@@ -0,0 +1,50 @@
+import { startOfMonth, endOfMonth, differenceInCalendarDays, addDays, getWeek, getWeeksInMonth, addWeeks } from 'date-fns';
+import { getOutsideEndDays } from './getOutsideEndDays.js';
+import { getOutsideStartDays } from './getOutsideStartDays.js';
+
+/**
+ * Return the weeks belonging to the given month.
+ */
+function getWeeks(month, _a) {
+    var locale = _a.locale, fixedWeeks = _a.fixedWeeks;
+    var monthStart = startOfMonth(month);
+    var monthEnd = endOfMonth(month);
+    var diff = differenceInCalendarDays(monthEnd, monthStart);
+    var weeks = [];
+    var lastWeek = { weekNumber: 0, dates: [] };
+    for (var i = 0; i <= diff; i++) {
+        var date = addDays(monthStart, i);
+        var week = getWeek(date, { locale: locale });
+        if (lastWeek.weekNumber !== week) {
+            // Create a new week by adding outside start days
+            var startDays = getOutsideStartDays(date, { locale: locale });
+            lastWeek = { weekNumber: week, dates: startDays };
+            weeks.push(lastWeek);
+        }
+        lastWeek.dates.push(date);
+    }
+    var lastDay = lastWeek.dates[lastWeek.dates.length - 1];
+    var endDays = getOutsideEndDays(lastDay, { locale: locale });
+    lastWeek.dates = lastWeek.dates.concat(endDays);
+    // Add extra weeks to the month, up to 6 weeks
+    if (fixedWeeks) {
+        var lastWeekDate = lastWeek.dates[lastWeek.dates.length - 1];
+        var weeksInMonth = getWeeksInMonth(month, { locale: locale });
+        if (weeksInMonth < 6) {
+            var diffDays = differenceInCalendarDays(addWeeks(lastWeekDate, 6 - weeksInMonth), lastWeekDate);
+            for (var i = 0; i < diffDays; i++) {
+                var date = addDays(lastWeekDate, i + 1);
+                var week = getWeek(date, { locale: locale });
+                if (lastWeek.weekNumber !== week) {
+                    lastWeek = { weekNumber: week, dates: [] };
+                    weeks.push(lastWeek);
+                }
+                lastWeek.dates.push(date);
+            }
+        }
+    }
+    return weeks;
+}
+
+export { getWeeks };
+//# sourceMappingURL=getWeeks.js.map

package/build/components/Table/utils/getWeeks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getWeeks.js","sources":["../../../../src/components/Table/utils/getWeeks.ts"],"sourcesContent":["import {\n  addDays,\n  addWeeks,\n  differenceInCalendarDays,\n  endOfMonth,\n  getWeek,\n  getWeeksInMonth,\n  Locale,\n  startOfMonth\n} from 'date-fns';\n\nimport { getOutsideEndDays } from './getOutsideEndDays';\nimport { getOutsideStartDays } from './getOutsideStartDays';\n\n/**\n * Represents a week in the month.\n */\nexport type MonthWeek = {\n  /** The week number from the start of the year. */\n  weekNumber: number;\n  /** The dates in the week. */\n  dates: Date[];\n};\n\n/**\n * Return the weeks belonging to the given month.\n */\nexport function getWeeks(\n  month: Date,\n  { locale, fixedWeeks }: { locale: Locale; fixedWeeks?: boolean }\n): MonthWeek[] {\n  const monthStart = startOfMonth(month);\n  const monthEnd = endOfMonth(month);\n\n  const diff = differenceInCalendarDays(monthEnd, monthStart);\n\n  const weeks: MonthWeek[] = [];\n  let lastWeek: MonthWeek = { weekNumber: 0, dates: [] };\n  for (let i = 0; i <= diff; i++) {\n    const date = addDays(monthStart, i);\n    const week = getWeek(date, { locale });\n\n    if (lastWeek.weekNumber !== week) {\n      // Create a new week by adding outside start days\n      const startDays = getOutsideStartDays(date, { locale });\n      lastWeek = { weekNumber: week, dates: startDays };\n      weeks.push(lastWeek);\n    }\n    lastWeek.dates.push(date);\n  }\n\n  const lastDay = lastWeek.dates[lastWeek.dates.length - 1];\n  const endDays = getOutsideEndDays(lastDay, { locale });\n  lastWeek.dates = lastWeek.dates.concat(endDays);\n\n  // Add extra weeks to the month, up to 6 weeks\n  if (fixedWeeks) {\n    const lastWeekDate = lastWeek.dates[lastWeek.dates.length - 1];\n    const weeksInMonth = getWeeksInMonth(month, { locale });\n    if (weeksInMonth < 6) {\n      const diffDays = differenceInCalendarDays(\n        addWeeks(lastWeekDate, 6 - weeksInMonth),\n        lastWeekDate\n      );\n      for (let i = 0; i < diffDays; i++) {\n        const date = addDays(lastWeekDate, i + 1);\n        const week = getWeek(date, { locale });\n\n        if (lastWeek.weekNumber !== week) {\n          lastWeek = { weekNumber: week, dates: [] };\n          weeks.push(lastWeek);\n        }\n        lastWeek.dates.push(date);\n      }\n    }\n  }\n  return weeks;\n}\n"],"names":[],"mappings":";;;;AAwBA;;;SAGgB,QAAQ,CACtB,KAAW,EACX,EAAgE;QAA9D,MAAM,YAAA,EAAE,UAAU,gBAAA;IAEpB,IAAM,UAAU,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC;IACvC,IAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;IAEnC,IAAM,IAAI,GAAG,wBAAwB,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;IAE5D,IAAM,KAAK,GAAgB,EAAE,CAAC;IAC9B,IAAI,QAAQ,GAAc,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;IACvD,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,EAAE;QAC9B,IAAM,IAAI,GAAG,OAAO,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;QACpC,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;QAEvC,IAAI,QAAQ,CAAC,UAAU,KAAK,IAAI,EAAE;;YAEhC,IAAM,SAAS,GAAG,mBAAmB,CAAC,IAAI,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;YACxD,QAAQ,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;YAClD,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;SACtB;QACD,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,IAAM,OAAO,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IAC1D,IAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IACvD,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;;IAGhD,IAAI,UAAU,EAAE;QACd,IAAM,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QAC/D,IAAM,YAAY,GAAG,eAAe,CAAC,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;QACxD,IAAI,YAAY,GAAG,CAAC,EAAE;YACpB,IAAM,QAAQ,GAAG,wBAAwB,CACvC,QAAQ,CAAC,YAAY,EAAE,CAAC,GAAG,YAAY,CAAC,EACxC,YAAY,CACb,CAAC;YACF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,EAAE,CAAC,EAAE,EAAE;gBACjC,IAAM,IAAI,GAAG,OAAO,CAAC,YAAY,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC1C,IAAM,IAAI,GAAG,OAAO,CAAC,IAAI,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;gBAEvC,IAAI,QAAQ,CAAC,UAAU,KAAK,IAAI,EAAE;oBAChC,QAAQ,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC;oBAC3C,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;iBACtB;gBACD,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAC3B;SACF;KACF;IACD,OAAO,KAAK,CAAC;AACf;;;;"}

package/build/components/WeekNumber/WeekNumber.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+/**
+ * The props for the [[WeekNumber]] component.
+ */
+export interface WeekNumberProps {
+    /** The number of the week. */
+    number: number;
+    /** The dates in the week. */
+    dates: Date[];
+}
+/**
+ * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it
+ * renders a button, otherwise a span element.
+ */
+export declare function WeekNumber(props: WeekNumberProps): JSX.Element;

package/build/components/WeekNumber/WeekNumber.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+import { Button } from '../Button/Button.js';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+
+/**
+ * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it
+ * renders a button, otherwise a span element.
+ */
+function WeekNumber(props) {
+    var weekNumber = props.number, dates = props.dates;
+    var _a = useDayPicker(), onWeekNumberClick = _a.onWeekNumberClick, styles = _a.styles, classNames = _a.classNames, locale = _a.locale, labelWeekNumber = _a.labels.labelWeekNumber, formatWeekNumber = _a.formatters.formatWeekNumber;
+    var handleClick = function (e) {
+        onWeekNumberClick === null || onWeekNumberClick === void 0 ? void 0 : onWeekNumberClick(weekNumber, dates, e);
+    };
+    var content = formatWeekNumber(Number(weekNumber), { locale: locale });
+    if (!onWeekNumberClick) {
+        return (React.createElement("span", { className: classNames.weeknumber, style: styles.weeknumber }, content));
+    }
+    var label = labelWeekNumber(Number(weekNumber), { locale: locale });
+    return (React.createElement(Button, { "aria-label": label, className: classNames.weeknumber, style: styles.weeknumber, onClick: handleClick }, content));
+}
+
+export { WeekNumber };
+//# sourceMappingURL=WeekNumber.js.map

package/build/components/WeekNumber/WeekNumber.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WeekNumber.js","sources":["../../../src/components/WeekNumber/WeekNumber.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { Button } from '../Button';\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[WeekNumber]] component.\n */\nexport interface WeekNumberProps {\n  /** The number of the week. */\n  number: number;\n  /** The dates in the week. */\n  dates: Date[];\n}\n\n/**\n * Render the week number element. If `onWeekNumberClick` is passed to DayPicker, it\n * renders a button, otherwise a span element.\n */\nexport function WeekNumber(props: WeekNumberProps): JSX.Element {\n  const { number: weekNumber, dates } = props;\n  const {\n    onWeekNumberClick,\n    styles,\n    classNames,\n    locale,\n    labels: { labelWeekNumber },\n    formatters: { formatWeekNumber }\n  } = useDayPicker();\n\n  const handleClick: React.MouseEventHandler = function (e) {\n    onWeekNumberClick?.(weekNumber, dates, e);\n  };\n\n  const content = formatWeekNumber(Number(weekNumber), { locale });\n\n  if (!onWeekNumberClick) {\n    return (\n      <span className={classNames.weeknumber} style={styles.weeknumber}>\n        {content}\n      </span>\n    );\n  }\n\n  const label = labelWeekNumber(Number(weekNumber), { locale });\n\n  return (\n    <Button\n      aria-label={label}\n      className={classNames.weeknumber}\n      style={styles.weeknumber}\n      onClick={handleClick}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"names":[],"mappings":";;;;AAeA;;;;SAIgB,UAAU,CAAC,KAAsB;IACvC,IAAQ,UAAU,GAAY,KAAK,OAAjB,EAAE,KAAK,GAAK,KAAK,MAAV,CAAW;IACtC,IAAA,KAOF,YAAY,EAAE,EANhB,iBAAiB,uBAAA,EACjB,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,MAAM,YAAA,EACI,eAAe,4BAAA,EACX,gBAAgB,iCACd,CAAC;IAEnB,IAAM,WAAW,GAA4B,UAAU,CAAC;QACtD,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAG,UAAU,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;KAC3C,CAAC;IAEF,IAAM,OAAO,GAAG,gBAAgB,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAEjE,IAAI,CAAC,iBAAiB,EAAE;QACtB,QACE,8BAAM,SAAS,EAAE,UAAU,CAAC,UAAU,EAAE,KAAK,EAAE,MAAM,CAAC,UAAU,IAC7D,OAAO,CACH,EACP;KACH;IAED,IAAM,KAAK,GAAG,eAAe,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAAC;IAE9D,QACE,oBAAC,MAAM,kBACO,KAAK,EACjB,SAAS,EAAE,UAAU,CAAC,UAAU,EAChC,KAAK,EAAE,MAAM,CAAC,UAAU,EACxB,OAAO,EAAE,WAAW,IAEnB,OAAO,CACD,EACT;AACJ;;;;"}

package/build/components/WeekNumber/index.d.ts

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

package/build/components/YearsDropdown/YearsDropdown.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { MonthChangeEventHandler } from '../../types';
+/**
+ * The props for the [[YearsDropdown]] component.
+ */
+export interface YearsDropdownProps {
+    /** The month where the drop-down is displayed. */
+    displayMonth: Date;
+    /** Callback to handle the `change` event. */
+    onChange: MonthChangeEventHandler;
+}
+/**
+ * Render a dropdown to change the year. Take in account the `nav.fromDate` and
+ * `toDate` from context.
+ */
+export declare function YearsDropdown(props: YearsDropdownProps): JSX.Element;

package/build/components/YearsDropdown/YearsDropdown.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { setYear, startOfYear } from 'date-fns';
+import { useDayPicker } from '../../contexts/DayPicker/useDayPicker.js';
+
+/**
+ * Render a dropdown to change the year. Take in account the `nav.fromDate` and
+ * `toDate` from context.
+ */
+function YearsDropdown(props) {
+    var displayMonth = props.displayMonth;
+    var _a = useDayPicker(), fromDate = _a.fromDate, toDate = _a.toDate, locale = _a.locale, styles = _a.styles, classNames = _a.classNames, Dropdown = _a.components.Dropdown, formatYearCaption = _a.formatters.formatYearCaption, labelYearDropdown = _a.labels.labelYearDropdown;
+    var years = [];
+    if (fromDate && toDate) {
+        var fromYear = fromDate.getFullYear();
+        var toYear = toDate.getFullYear();
+        for (var year = fromYear; year <= toYear; year++) {
+            years.push(setYear(startOfYear(new Date()), year));
+        }
+    }
+    var handleChange = function (e) {
+        var newMonth = setYear(new Date(displayMonth), Number(e.target.value));
+        props.onChange(newMonth);
+    };
+    return (React.createElement(Dropdown, { "aria-label": labelYearDropdown(), className: classNames.dropdown_month, style: styles.dropdown_month, onChange: handleChange, value: displayMonth.getFullYear(), caption: formatYearCaption(displayMonth, { locale: locale }) }, years.map(function (year) { return (React.createElement("option", { key: year.getFullYear(), value: year.getFullYear() }, formatYearCaption(year, { locale: locale }))); })));
+}
+
+export { YearsDropdown };
+//# sourceMappingURL=YearsDropdown.js.map

package/build/components/YearsDropdown/YearsDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"YearsDropdown.js","sources":["../../../src/components/YearsDropdown/YearsDropdown.tsx"],"sourcesContent":["import * as React from 'react';\n\nimport { setYear, startOfYear } from 'date-fns';\n\nimport { MonthChangeEventHandler } from '../../types';\n\nimport { useDayPicker } from '../../contexts/DayPicker';\n\n/**\n * The props for the [[YearsDropdown]] component.\n */\nexport interface YearsDropdownProps {\n  /** The month where the drop-down is displayed. */\n  displayMonth: Date;\n  /** Callback to handle the `change` event. */\n  onChange: MonthChangeEventHandler;\n}\n\n/**\n * Render a dropdown to change the year. Take in account the `nav.fromDate` and\n * `toDate` from context.\n */\nexport function YearsDropdown(props: YearsDropdownProps): JSX.Element {\n  const { displayMonth } = props;\n  const {\n    fromDate,\n    toDate,\n    locale,\n    styles,\n    classNames,\n    components: { Dropdown },\n    formatters: { formatYearCaption },\n    labels: { labelYearDropdown }\n  } = useDayPicker();\n\n  const years: Date[] = [];\n  if (fromDate && toDate) {\n    const fromYear = fromDate.getFullYear();\n    const toYear = toDate.getFullYear();\n    for (let year = fromYear; year <= toYear; year++) {\n      years.push(setYear(startOfYear(new Date()), year));\n    }\n  }\n\n  const handleChange: React.ChangeEventHandler<HTMLSelectElement> = (e) => {\n    const newMonth = setYear(new Date(displayMonth), Number(e.target.value));\n    props.onChange(newMonth);\n  };\n\n  return (\n    <Dropdown\n      aria-label={labelYearDropdown()}\n      className={classNames.dropdown_month}\n      style={styles.dropdown_month}\n      onChange={handleChange}\n      value={displayMonth.getFullYear()}\n      caption={formatYearCaption(displayMonth, { locale })}\n    >\n      {years.map((year) => (\n        <option key={year.getFullYear()} value={year.getFullYear()}>\n          {formatYearCaption(year, { locale })}\n        </option>\n      ))}\n    </Dropdown>\n  );\n}\n"],"names":[],"mappings":";;;;AAkBA;;;;SAIgB,aAAa,CAAC,KAAyB;IAC7C,IAAA,YAAY,GAAK,KAAK,aAAV,CAAW;IACzB,IAAA,KASF,YAAY,EAAE,EARhB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,MAAM,YAAA,EACN,UAAU,gBAAA,EACI,QAAQ,yBAAA,EACR,iBAAiB,kCAAA,EACrB,iBAAiB,8BACX,CAAC;IAEnB,IAAM,KAAK,GAAW,EAAE,CAAC;IACzB,IAAI,QAAQ,IAAI,MAAM,EAAE;QACtB,IAAM,QAAQ,GAAG,QAAQ,CAAC,WAAW,EAAE,CAAC;QACxC,IAAM,MAAM,GAAG,MAAM,CAAC,WAAW,EAAE,CAAC;QACpC,KAAK,IAAI,IAAI,GAAG,QAAQ,EAAE,IAAI,IAAI,MAAM,EAAE,IAAI,EAAE,EAAE;YAChD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;SACpD;KACF;IAED,IAAM,YAAY,GAAgD,UAAC,CAAC;QAClE,IAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;QACzE,KAAK,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAC1B,CAAC;IAEF,QACE,oBAAC,QAAQ,kBACK,iBAAiB,EAAE,EAC/B,SAAS,EAAE,UAAU,CAAC,cAAc,EACpC,KAAK,EAAE,MAAM,CAAC,cAAc,EAC5B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAE,YAAY,CAAC,WAAW,EAAE,EACjC,OAAO,EAAE,iBAAiB,CAAC,YAAY,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,IAEnD,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,QACnB,gCAAQ,GAAG,EAAE,IAAI,CAAC,WAAW,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,IACvD,iBAAiB,CAAC,IAAI,EAAE,EAAE,MAAM,QAAA,EAAE,CAAC,CAC7B,IACV,CAAC,CACO,EACX;AACJ;;;;"}

package/build/components/YearsDropdown/index.d.ts

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

package/build/components/index.d.ts

@@ -0,0 +1,18 @@
+export * from './Button';
+export * from './Caption';
+export * from './CaptionLabel';
+export * from './Day';
+export * from './DayContent';
+export * from './Dropdown';
+export * from './Footer';
+export * from './Head';
+export * from './IconDropdown';
+export * from './IconNext';
+export * from './IconPrevious';
+export * from './MonthsDropdown';
+export * from './Navigation';
+export * from './Root';
+export * from './Row';
+export * from './Table';
+export * from './WeekNumber';
+export * from './YearsDropdown';

package/build/contexts/ContextProvider.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { DayPickerProps } from '../types';
+/** The props of the [[ContextProvider]] provider. */
+export declare type ContextProviderProps = DayPickerProps & {
+    children: React.ReactNode;
+};
+/** Provide the value for all the context providers. */
+export declare function ContextProvider(props: ContextProviderProps): JSX.Element;

package/build/contexts/ContextProvider.js

@@ -0,0 +1,27 @@
+import { __rest } from '../_virtual/_tslib.js';
+import * as React from 'react';
+import { DayPickerProvider } from './DayPicker/DayPickerProvider.js';
+import './Focus/FocusContext.js';
+import { FocusProvider } from './Focus/FocusProvider.js';
+import './Navigation/NavigationContext.js';
+import { NavigationProvider } from './Navigation/NavigationProvider.js';
+import './SelectMultiple/SelectMultipleContext.js';
+import { SelectMultipleProvider } from './SelectMultiple/SelectMultipleProvider.js';
+import './SelectRange/SelectRangeContext.js';
+import { SelectRangeProvider } from './SelectRange/SelectRangeProvider.js';
+import './SelectSingle/SelectSingleContext.js';
+import { SelectSingleProvider } from './SelectSingle/SelectSingleProvider.js';
+
+/** Provide the value for all the context providers. */
+function ContextProvider(props) {
+    var children = props.children, initialProps = __rest(props, ["children"]);
+    return (React.createElement(DayPickerProvider, { initialProps: initialProps },
+        React.createElement(NavigationProvider, null,
+            React.createElement(SelectSingleProvider, { initialProps: initialProps },
+                React.createElement(SelectMultipleProvider, { initialProps: initialProps },
+                    React.createElement(SelectRangeProvider, { initialProps: initialProps },
+                        React.createElement(FocusProvider, null, children)))))));
+}
+
+export { ContextProvider };
+//# sourceMappingURL=ContextProvider.js.map