rsuite 6.0.0-canary-20250827 → 6.0.0-canary-20250904

package/cjs/Calendar/CalendarBody.js

@@ -38,7 +38,10 @@ const CalendarBody = (0, _utils.forwardRef)((props, ref) => {
     ref: ref,
     className: classes
   }), /*#__PURE__*/_react.default.createElement(_Grid.default, {
-    rows: (0, _date.getWeekStartDates)(thisMonthDate, {
+    rows: (0, _date.getWeekStartDates)({
+      year: date.getFullYear(),
+      month: date.getMonth() + 1
+    }, {
       weekStart,
       locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
     }),

package/cjs/Calendar/CalendarContainer.js

@@ -88,7 +88,6 @@ const CalendarContainer = (0, _utils.forwardRef)((props, ref) => {
   } = (0, _date.useDateMode)(format);
   const timeMode = calendarState === _hooks2.CalendarState.TIME || mode === _date.DateMode.Time;
   const monthMode = calendarState === _hooks2.CalendarState.MONTH || mode === _date.DateMode.Month;
-  const inSameThisMonthDate = date => (0, _date.isSameMonth)(calendarDate, date);
   const calendarClasses = merge(className, withPrefix({
     'time-view': timeMode,
     'month-view': monthMode,
@@ -114,7 +113,6 @@ const CalendarContainer = (0, _utils.forwardRef)((props, ref) => {
     monthDropdownProps,
     cellClassName,
     disabledDate: isDateDisabled,
-    inSameMonth: inSameThisMonthDate,
     onChangeMonth: handleChangeMonth,
     onChangeTime,
     onMouseMove,

package/cjs/Calendar/CalendarProvider.d.ts

@@ -55,12 +55,6 @@ export interface CalendarInnerContextValue {
      * @returns True if the date is disabled, false otherwise.
      */
     disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
-    /**
-     * A function that determines if a date is in the same month as the current date in the calendar.
-     * @param date - The date to check.
-     * @returns True if the date is in the same month, false otherwise.
-     */
-    inSameMonth?: (date: Date) => boolean;
     /**
      * A callback function that is called when the month is changed in the calendar.
      * @param nextPageDate - The next page date.

package/cjs/Calendar/Grid/Grid.d.ts

@@ -1,6 +1,7 @@
 import { WithAsProps } from '../../internals/types';
+import type { PlainDate } from '../../internals/utils/date';
 export interface GridProps extends WithAsProps {
-    rows: any[];
+    rows: readonly PlainDate[];
 }
 declare const Grid: import("../../internals/types").InternalRefForwardingComponent<"div", GridProps, never> & Record<string, never>;
 export default Grid;

package/cjs/Calendar/Grid/Grid.js

@@ -34,9 +34,9 @@ const Grid = (0, _utils.forwardRef)((props, ref) => {
   }, rest, {
     ref: ref,
     className: classes
-  }), /*#__PURE__*/_react.default.createElement(_GridHeaderRow.default, null), rows.map((week, index) => /*#__PURE__*/_react.default.createElement(_GridRow.default, {
+  }), /*#__PURE__*/_react.default.createElement(_GridHeaderRow.default, null), rows.map((rowStartingDate, index) => /*#__PURE__*/_react.default.createElement(_GridRow.default, {
     key: index,
-    weekendDate: week,
+    startingDate: rowStartingDate,
     rowIndex: index + 1
   })));
 });

package/cjs/Calendar/Grid/GridRow.d.ts

@@ -1,7 +1,13 @@
+import { type PlainDate } from '../../internals/utils/date';
 import { WithAsProps } from '../../internals/types';
+/**
+ * A row in the calendar month view grid, i.e. a week of days.
+ */
 export interface GridRowProps extends WithAsProps {
-    /** The weekend: Sunday */
-    weekendDate?: Date;
+    /**
+     * The starting day of the row of dates.
+     */
+    startingDate: PlainDate;
     /** The index of the row */
     rowIndex?: number;
 }

package/cjs/Calendar/Grid/GridRow.js

@@ -12,14 +12,19 @@ var _date = require("../../internals/utils/date");
 var _constants = require("../../internals/constants");
 var _hooks = require("../../internals/hooks");
 var _hooks2 = require("../hooks");
+var _plainDate = require("../../internals/utils/date/plainDate");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * A row in the calendar month view grid, i.e. a week of days.
+ */
+
 const GridRow = (0, _utils.forwardRef)((props, ref) => {
   var _locale$dateLocale$op, _locale$dateLocale;
   const {
     as: Component = 'div',
     className,
     classPrefix = 'calendar-table',
-    weekendDate = new Date(),
+    startingDate,
     rowIndex,
     ...rest
   } = props;
@@ -31,7 +36,6 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
     weekStart,
     showWeekNumbers,
     locale,
-    inSameMonth,
     disabledDate,
     onSelect
   } = (0, _hooks2.useCalendar)();
@@ -47,53 +51,84 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
   }, [onSelect]);
   const renderDays = () => {
     const days = [];
-    const [selectedStartDate, selectedEndDate] = dateRange || [];
-    const [hoverStartDate, hoverEndDate] = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [];
+    // The start and end dates of the range selection
+    // Note that they can be
+    // - Invalid date - when the user is inputting the date with text input
+    // - undefined - when the range selection isn't completed
+    const [selectedStartDateJS, selectedEndDateJS] = dateRange || [];
+    const [hoverStartDateJS, hoverEndDateJS] = hoverRangeValue !== null && hoverRangeValue !== void 0 ? hoverRangeValue : [];
     const isRangeSelectionMode = typeof dateRange !== 'undefined';
     for (let i = 0; i < 7; i += 1) {
-      const thisDate = (0, _date.addDays)(weekendDate, i);
-      const disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDate, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
-      const unSameMonth = !(inSameMonth !== null && inSameMonth !== void 0 && inSameMonth(thisDate));
-      const rangeStart = !unSameMonth && selectedStartDate && (0, _date.isSameDay)(thisDate, selectedStartDate);
-      const rangeEnd = !unSameMonth && selectedEndDate && (0, _date.isSameDay)(thisDate, selectedEndDate);
-      const isSelected = isRangeSelectionMode ? rangeStart || rangeEnd : (0, _date.isSameDay)(thisDate, selected);
+      const thisDate = (0, _plainDate.addDays)(startingDate, i);
+      const thisDateJS = new Date(thisDate.year, thisDate.month - 1, thisDate.day);
+      const disabled = disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate(thisDateJS, dateRange, _constants.DATERANGE_DISABLED_TARGET.CALENDAR);
+
+      // Whether this date is in a different month from the selected date
+      const isSameMonth = selected.getFullYear() === thisDate.year && selected.getMonth() + 1 === thisDate.month;
+
+      // Whether this date is the range start date and is in the same month with the selected date
+      const isRangeStart = isSameMonth && selectedStartDateJS && (0, _plainDate.isSameDay)(thisDate, selectedStartDateJS);
+
+      // Whether this date is the range end date and is in the same month with the selected date
+      const isRangeEnd = isSameMonth && selectedEndDateJS && (0, _plainDate.isSameDay)(thisDate, selectedEndDateJS);
+
+      // Whether this date should be displayed in the "selected" state
+      // Either
+      // - In range selection mode, it's either the range start or end date
+      // - Otherwise, it's the selected date itself
+      const isSelected = isRangeSelectionMode ? isRangeStart || isRangeEnd : (0, _plainDate.isSameDay)(thisDate, selected);
 
       // TODO-Doma Move those logic that's for DatePicker/DateRangePicker to a separate component
       //           Calendar is not supposed to be reused this way
       let inRange = false;
       // for Selected
-      if (selectedStartDate && selectedEndDate) {
-        if ((0, _date.isBefore)(thisDate, selectedEndDate) && (0, _date.isAfter)(thisDate, selectedStartDate)) {
+      if (selectedStartDateJS && selectedEndDateJS) {
+        const selectedStartDate = {
+          year: selectedStartDateJS.getFullYear(),
+          month: selectedStartDateJS.getMonth() + 1,
+          day: selectedStartDateJS.getDate()
+        };
+        const selectedEndDate = {
+          year: selectedEndDateJS.getFullYear(),
+          month: selectedEndDateJS.getMonth() + 1,
+          day: selectedEndDateJS.getDate()
+        };
+        if ((0, _plainDate.compare)(thisDate, selectedEndDate) < 0 && (0, _plainDate.compare)(thisDate, selectedStartDate) > 0) {
           inRange = true;
         }
-        if ((0, _date.isBefore)(thisDate, selectedStartDate) && (0, _date.isAfter)(thisDate, selectedEndDate)) {
+        if ((0, _plainDate.compare)(thisDate, selectedStartDate) < 0 && (0, _plainDate.compare)(thisDate, selectedEndDate) > 0) {
           inRange = true;
         }
       }
 
       // for Hovering
-      if (!isSelected && hoverStartDate && hoverEndDate) {
-        if (!(0, _date.isAfter)(thisDate, hoverEndDate) && !(0, _date.isBefore)(thisDate, hoverStartDate)) {
+      if (!isSelected && hoverStartDateJS && hoverEndDateJS) {
+        const hoverStartDate = {
+          year: hoverStartDateJS.getFullYear(),
+          month: hoverStartDateJS.getMonth() + 1,
+          day: hoverStartDateJS.getDate()
+        };
+        const hoverEndDate = {
+          year: hoverEndDateJS.getFullYear(),
+          month: hoverEndDateJS.getMonth() + 1,
+          day: hoverEndDateJS.getDate()
+        };
+        if ((0, _plainDate.compare)(thisDate, hoverEndDate) <= 0 && (0, _plainDate.compare)(thisDate, hoverStartDate) >= 0) {
           inRange = true;
         }
-        if (!(0, _date.isAfter)(thisDate, hoverStartDate) && !(0, _date.isBefore)(thisDate, hoverEndDate)) {
+        if ((0, _plainDate.compare)(thisDate, hoverStartDate) <= 0 && (0, _plainDate.compare)(thisDate, hoverEndDate) >= 0) {
           inRange = true;
         }
       }
-      const thisDatePlain = {
-        year: thisDate.getFullYear(),
-        month: thisDate.getMonth() + 1,
-        day: thisDate.getDate()
-      };
       days.push(/*#__PURE__*/_react.default.createElement(_GridCell.default, {
-        key: (0, _date.format)(thisDate, 'yyyy-MM-dd'),
-        date: thisDatePlain,
+        key: (0, _date.format)(thisDateJS, 'yyyy-MM-dd'),
+        date: thisDate,
         disabled: disabled,
         selected: isSelected,
         onSelect: handleSelect,
-        unSameMonth: unSameMonth,
-        rangeStart: rangeStart,
-        rangeEnd: rangeEnd,
+        unSameMonth: !isSameMonth,
+        rangeStart: isRangeStart,
+        rangeEnd: isRangeEnd,
         inRange: inRange
       }));
     }
@@ -104,8 +139,8 @@ const GridRow = (0, _utils.forwardRef)((props, ref) => {
     firstWeekContainsDate
   } = (_locale$dateLocale$op = locale === null || locale === void 0 || (_locale$dateLocale = locale.dateLocale) === null || _locale$dateLocale === void 0 ? void 0 : _locale$dateLocale.options) !== null && _locale$dateLocale$op !== void 0 ? _locale$dateLocale$op : {};
   // ISO week starts on Monday
-  const date = isoWeek ? (0, _date.addDays)(weekendDate, 1) : weekendDate;
-  const week = (0, _date.format)(date, isoWeek ? 'I' : 'w', {
+  const date = isoWeek ? (0, _plainDate.addDays)(startingDate, 1) : startingDate;
+  const week = (0, _date.format)(new Date(date.year, date.month - 1, date.day), isoWeek ? 'I' : 'w', {
     locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale,
     firstWeekContainsDate,
     weekStartsOn: weekStart

package/cjs/Calendar/hooks/useCalendar.d.ts

@@ -9,7 +9,6 @@ export declare const useCalendar: () => {
     targetId?: string | undefined;
     monthDropdownProps?: import("../types").MonthDropdownProps | undefined;
     disabledDate?: ((date: Date, selectRangeValue?: Date[] | undefined, type?: string | undefined) => boolean) | undefined;
-    inSameMonth?: ((date: Date) => boolean) | undefined;
     onChangeMonth?: ((nextPageDate: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     onChangeTime?: ((nextPageTime: Date, event: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     onMouseMove?: ((date: Date) => void) | undefined;

package/cjs/Navbar/Navbar.d.ts

@@ -5,6 +5,10 @@ export interface NavbarProps extends BoxProps {
      * The appearance style of the Navbar component.
      */
     appearance?: 'default' | 'inverse' | 'subtle';
+    /**
+     * The open state of the drawer.
+     */
+    drawerOpen?: boolean;
     /**
      * Callback when the drawer is opened or closed.
      */
@@ -16,7 +20,7 @@ export interface NavbarProps extends BoxProps {
  */
 declare const Navbar: import("../internals/types").InternalRefForwardingComponent<"div", NavbarProps, never> & {
     Brand: import("../internals/types").InternalRefForwardingComponent<"a", Partial<import("../internals/utils").ComponentProps>, never> & Record<string, never>;
-    Content: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"div", BoxProps, never> & Record<string, never>, Partial<import("./NavbarContent").NavbarContentProps>, never> & Record<string, never>;
+    Content: React.ForwardRefExoticComponent<import("./NavbarContent").NavbarContentProps & React.RefAttributes<any>>;
     Toggle: React.ForwardRefExoticComponent<import("./NavbarToggle").NavbarToggleProps & React.RefAttributes<any>>;
     Drawer: React.ForwardRefExoticComponent<import("..").DrawerProps & React.RefAttributes<any>>;
 };

package/cjs/Navbar/Navbar.js

@@ -35,6 +35,7 @@ const Navbar = (0, _utils.forwardRef)((props, ref) => {
     as = 'nav',
     classPrefix = 'navbar',
     appearance = 'default',
+    drawerOpen,
     onDrawerOpenChange,
     ...rest
   } = propsWithDefaults;
@@ -43,7 +44,7 @@ const Navbar = (0, _utils.forwardRef)((props, ref) => {
     merge
   } = (0, _hooks.useStyles)(classPrefix);
   const classes = merge(className, withPrefix());
-  const [open, setOpen] = (0, _react.useState)(false);
+  const [open, setOpen] = (0, _hooks.useControlled)(drawerOpen, false);
   const handleToggle = (0, _hooks.useEventCallback)(nextOpen => {
     setOpen(nextOpen);
     onDrawerOpenChange === null || onDrawerOpenChange === void 0 || onDrawerOpenChange(nextOpen);

package/cjs/Navbar/NavbarContent.d.ts

@@ -1,5 +1,10 @@
-import { ComponentProps } from '../internals/utils';
+import React from 'react';
 import { BoxProps } from '../internals/Box';
-export type NavbarContentProps = ComponentProps & BoxProps;
-declare const NavbarContent: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"div", BoxProps, never> & Record<string, never>, Partial<NavbarContentProps>, never> & Record<string, never>;
+interface ChildProps {
+    onClose: () => void;
+}
+export interface NavbarContentProps extends Omit<BoxProps, 'children'> {
+    children?: React.ReactNode | (({ onClose }: ChildProps) => React.ReactNode);
+}
+declare const NavbarContent: React.ForwardRefExoticComponent<NavbarContentProps & React.RefAttributes<any>>;
 export default NavbarContent;

package/cjs/Navbar/NavbarContent.js

@@ -4,11 +4,36 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
-var _utils = require("../internals/utils");
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
-const NavbarContent = (0, _utils.createComponent)({
-  name: 'NavbarContent',
-  componentAs: _Box.default,
-  componentClassPrefix: 'navbar-content'
+var _hooks = require("../internals/hooks");
+var _NavbarContext = require("./NavbarContext");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const NavbarContent = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    className,
+    classPrefix = 'navbar-content',
+    children,
+    ...rest
+  } = props;
+  const {
+    onToggle
+  } = (0, _react.useContext)(_NavbarContext.NavbarContext) || {};
+  const {
+    withPrefix,
+    merge
+  } = (0, _hooks.useStyles)(classPrefix);
+  const classes = merge(className, withPrefix());
+  const onClose = (0, _react.useCallback)(() => {
+    onToggle === null || onToggle === void 0 || onToggle(false);
+  }, [onToggle]);
+  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), typeof children === 'function' ? children({
+    onClose
+  }) : children);
 });
+NavbarContent.displayName = 'NavbarContent';
 var _default = exports.default = NavbarContent;

package/cjs/internals/utils/date/getWeekStartDates.d.ts

@@ -1,13 +1,14 @@
 import type { Locale } from 'date-fns';
+import type { PlainDate, PlainYearMonth } from './types';
 /**
  * Get the first days of weeks in a month。
- * @param firstDayOfMonth The first day of the month
+ * @param month The month
  * @param options.weekStart the index of the first day of the week (0 - Sunday)
  * @param options.isoWeek Whether to use ISO week
  * @returns A list of first days of weeks in a month
  */
-export declare function getWeekStartDates(firstDayOfMonth: Date, options: {
+export declare function getWeekStartDates(month: PlainYearMonth, options: {
     weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
     locale?: Locale;
-}): Date[];
+}): PlainDate[];
 export default getWeekStartDates;

package/cjs/internals/utils/date/getWeekStartDates.js

@@ -4,27 +4,32 @@
 exports.__esModule = true;
 exports.default = void 0;
 exports.getWeekStartDates = getWeekStartDates;
-var _addDays = require("date-fns/addDays");
 var _startOfWeek = require("date-fns/startOfWeek");
+var _plainDate = require("./plainDate");
 /**
  * Get the first days of weeks in a month。
- * @param firstDayOfMonth The first day of the month
+ * @param month The month
  * @param options.weekStart the index of the first day of the week (0 - Sunday)
  * @param options.isoWeek Whether to use ISO week
  * @returns A list of first days of weeks in a month
  */
-function getWeekStartDates(firstDayOfMonth, options) {
+function getWeekStartDates(month, options) {
   const {
     weekStart,
     locale
   } = options;
-  const firstDay = (0, _startOfWeek.startOfWeek)(firstDayOfMonth, {
+  const firstDayJs = (0, _startOfWeek.startOfWeek)(new Date(month.year, month.month - 1, 1), {
     weekStartsOn: weekStart,
     locale
   });
+  const firstDay = {
+    year: firstDayJs.getFullYear(),
+    month: firstDayJs.getMonth() + 1,
+    day: firstDayJs.getDate()
+  };
   const days = [firstDay];
   for (let i = 1; i < 6; i++) {
-    days.push((0, _addDays.addDays)(firstDay, i * 7));
+    days.push((0, _plainDate.addDays)(firstDay, i * 7));
   }
   return days;
 }

package/cjs/internals/utils/date/plainDate.d.ts

@@ -1,2 +1,9 @@
 import type { PlainDate } from './types';
+/**
+ * Resembles the behavior of `Temporal.PlainDate.compare`.
+ *
+ * @see https://tc39.es/proposal-temporal/docs/plaindatetime.html#compare
+ */
+export declare function compare(date1: PlainDate, date2: PlainDate): -1 | 0 | 1;
 export declare function isSameDay(date: PlainDate, jsDate: Date): boolean;
+export declare function addDays(date: PlainDate, days: number): PlainDate;

package/cjs/internals/utils/date/plainDate.js

@@ -2,6 +2,8 @@
 "use strict";
 
 exports.__esModule = true;
+exports.addDays = addDays;
+exports.compare = compare;
 exports.isSameDay = isSameDay;
 function toPlainDate(date) {
   return {
@@ -10,7 +12,13 @@ function toPlainDate(date) {
     day: date.getDate()
   };
 }
-function comparePlainDates(date1, date2) {
+
+/**
+ * Resembles the behavior of `Temporal.PlainDate.compare`.
+ *
+ * @see https://tc39.es/proposal-temporal/docs/plaindatetime.html#compare
+ */
+function compare(date1, date2) {
   if (date1.year < date2.year) return -1;
   if (date1.year > date2.year) return 1;
   if (date1.month < date2.month) return -1;
@@ -19,6 +27,22 @@ function comparePlainDates(date1, date2) {
   if (date1.day > date2.day) return 1;
   return 0;
 }
+
+/**
+ * Resembles the behavior of `Temporal.PlainDate.prototype.equals`.
+ *
+ * @see https://tc39.es/proposal-temporal/docs/plaindatetime.html#equals
+ */
+function equals(date1, date2) {
+  return compare(date1, date2) === 0;
+}
 function isSameDay(date, jsDate) {
-  return comparePlainDates(date, toPlainDate(jsDate)) === 0;
+  // If jsDate is an invalid date, always return false
+  if (Number.isNaN(jsDate.valueOf())) return false;
+  return equals(date, toPlainDate(jsDate));
+}
+function addDays(date, days) {
+  const jsDate = new Date(date.year, date.month - 1, date.day);
+  jsDate.setDate(jsDate.getDate() + days);
+  return toPlainDate(jsDate);
 }

package/cjs/internals/utils/date/types.d.ts

@@ -75,3 +75,12 @@ export type PlainDate = {
     readonly month: number;
     readonly day: number;
 };
+/**
+ * Resembles Temporal.PlainYearMonth
+ *
+ * @see https://tc39.es/proposal-temporal/docs/plainyearmonth.html
+ */
+export type PlainYearMonth = {
+    readonly year: number;
+    readonly month: number;
+};

package/cjs/internals/utils/date/types.js

@@ -22,4 +22,10 @@ const calendarOnlyProps = exports.calendarOnlyProps = [TimeProp.DisabledHours, T
  *
  * Resembles Temporal.PlainDate
  * @see https://tc39.es/proposal-temporal/docs/plaindate.html
+ */
+
+/**
+ * Resembles Temporal.PlainYearMonth
+ *
+ * @see https://tc39.es/proposal-temporal/docs/plainyearmonth.html
  */