tiny-ui 1.0.2 → 1.0.4

package/es/calendar/calendar.js

@@ -1,117 +1,199 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useState, useEffect, useContext } from 'react';
-import classNames from 'classnames';
-import { ConfigContext } from '../config-provider/config-context';
-import { getPrefixCls } from '../_utils/general';
-import { useLocale } from '../_utils/use-locale';
-import { getMonthDaysArray, isSameDate, isToday, getPrevMonthDate, getNextMonthDate, getPrevYearDate, getNextYearDate, } from '../date-picker/utils';
+import { ConfigContext } from "../config-provider/config-context.js";
+import { getPrefixCls } from "../_utils/general.js";
+import { useLocale } from "../_utils/use-locale.js";
+import { getMonthDaysArray, getNextMonthDate, getNextYearDate, getPrevMonthDate, getPrevYearDate, isSameDate, isToday } from "../date-picker/utils.js";
+import React, { useContext, useEffect, useState } from "react";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region components/calendar/calendar.tsx
 const MONTH_NAMES_EN = [
-    'January', 'February', 'March', 'April', 'May', 'June',
-    'July', 'August', 'September', 'October', 'November', 'December',
+	"January",
+	"February",
+	"March",
+	"April",
+	"May",
+	"June",
+	"July",
+	"August",
+	"September",
+	"October",
+	"November",
+	"December"
 ];
 const Calendar = React.forwardRef((props, ref) => {
-    const { defaultValue, fullscreen = true, disabledDate, dateCellRender, monthCellRender, headerRender, defaultMode = 'month', prefixCls: customisedCls, className, style, onChange, onSelect, onPanelChange, value: _value, mode: _mode, ...otherProps } = props;
-    const configContext = useContext(ConfigContext);
-    const prefixCls = getPrefixCls('calendar', configContext.prefixCls, customisedCls);
-    const locale = useLocale();
-    const [selectedDate, setSelectedDate] = useState('value' in props ? props.value : (defaultValue ?? new Date()));
-    const [panelDate, setPanelDate] = useState(selectedDate);
-    const [mode, setMode] = useState('mode' in props ? props.mode : defaultMode);
-    useEffect(() => {
-        if ('value' in props && props.value) {
-            setSelectedDate(props.value);
-            setPanelDate(props.value);
-        }
-    }, [props.value]);
-    useEffect(() => {
-        if ('mode' in props) {
-            setMode(props.mode);
-        }
-    }, [props.mode]);
-    const weeks = locale?.DatePicker?.weeks ?? ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];
-    const months = locale?.DatePicker?.months ?? [
-        'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
-        'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
-    ];
-    const cls = classNames(prefixCls, className, {
-        [`${prefixCls}_fullscreen`]: fullscreen,
-        [`${prefixCls}_card`]: !fullscreen,
-    });
-    const handleDateSelect = (date) => {
-        if (disabledDate?.(date))
-            return;
-        if (!('value' in props)) {
-            setSelectedDate(date);
-        }
-        setPanelDate(date);
-        onSelect?.(date);
-        onChange?.(date);
-    };
-    const handlePanelChange = (newDate, newMode) => {
-        setPanelDate(newDate);
-        const m = newMode ?? mode;
-        onPanelChange?.(newDate, m);
-    };
-    const handleModeChange = (newMode) => {
-        if (!('mode' in props)) {
-            setMode(newMode);
-        }
-        onPanelChange?.(panelDate, newMode);
-    };
-    const handleMonthSelect = (month) => {
-        const newDate = new Date(panelDate.getFullYear(), month, 1);
-        handleDateSelect(newDate);
-        handleModeChange('month');
-    };
-    const goPrev = () => {
-        const newDate = mode === 'month' ? getPrevMonthDate(panelDate) : getPrevYearDate(panelDate);
-        handlePanelChange(newDate);
-    };
-    const goNext = () => {
-        const newDate = mode === 'month' ? getNextMonthDate(panelDate) : getNextYearDate(panelDate);
-        handlePanelChange(newDate);
-    };
-    const renderHeader = () => {
-        if (headerRender) {
-            return headerRender({
-                value: panelDate,
-                mode,
-                onChange: (date) => handlePanelChange(date),
-                onModeChange: handleModeChange,
-            });
-        }
-        const year = panelDate.getFullYear();
-        const month = panelDate.getMonth();
-        const monthName = locale?.locale === 'zh_CN'
-            ? `${months[month]}`
-            : MONTH_NAMES_EN[month];
-        return (_jsxs("div", { className: `${prefixCls}__header`, children: [_jsx("button", { type: "button", className: `${prefixCls}__nav-btn`, onClick: goPrev, "aria-label": "Previous", children: "\u2039" }), _jsx("span", { className: `${prefixCls}__title`, children: _jsx("button", { type: "button", className: `${prefixCls}__title-btn`, onClick: () => handleModeChange(mode === 'month' ? 'year' : 'month'), children: mode === 'month' ? `${monthName} ${year}` : year }) }), _jsx("button", { type: "button", className: `${prefixCls}__nav-btn`, onClick: goNext, "aria-label": "Next", children: "\u203A" })] }));
-    };
-    const renderMonthPanel = () => {
-        const panelDays = getMonthDaysArray(panelDate);
-        return (_jsxs("table", { className: `${prefixCls}__table`, role: "grid", children: [_jsx("thead", { children: _jsx("tr", { children: weeks.map((week, i) => (_jsx("th", { className: `${prefixCls}__cell-header`, scope: "col", children: week }, i))) }) }), _jsx("tbody", { children: Array.from({ length: panelDays.length / 7 }, (_, row) => (_jsx("tr", { children: panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {
-                            const isDisabled = disabledDate?.(dayCell.date) ?? false;
-                            const cellCls = classNames(`${prefixCls}__cell`, {
-                                [`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,
-                                [`${prefixCls}__cell_today`]: isToday(dayCell.date),
-                                [`${prefixCls}__cell_selected`]: isSameDate(selectedDate, dayCell.date),
-                                [`${prefixCls}__cell_disabled`]: isDisabled,
-                            });
-                            return (_jsx("td", { className: cellCls, onClick: () => handleDateSelect(dayCell.date), role: "gridcell", children: _jsxs("div", { className: `${prefixCls}__cell-inner`, children: [_jsx("span", { className: `${prefixCls}__cell-date`, children: dayCell.label }), dateCellRender && dayCell.isThisMonth && (_jsx("div", { className: `${prefixCls}__cell-content`, children: dateCellRender(dayCell.date) }))] }) }, col));
-                        }) }, row))) })] }));
-    };
-    const renderYearPanel = () => {
-        return (_jsx("div", { className: `${prefixCls}__months`, children: months.map((monthLabel, i) => {
-                const monthDate = new Date(panelDate.getFullYear(), i, 1);
-                const isCurrentMonth = panelDate.getMonth() === i;
-                const cellCls = classNames(`${prefixCls}__month-cell`, {
-                    [`${prefixCls}__month-cell_selected`]: isCurrentMonth,
-                });
-                return (_jsx("div", { className: cellCls, onClick: () => handleMonthSelect(i), children: _jsxs("div", { className: `${prefixCls}__month-inner`, children: [_jsx("span", { children: monthLabel }), monthCellRender && (_jsx("div", { className: `${prefixCls}__month-content`, children: monthCellRender(monthDate) }))] }) }, i));
-            }) }));
-    };
-    return (_jsxs("div", { ...otherProps, ref: ref, className: cls, style: style, children: [renderHeader(), _jsx("div", { className: `${prefixCls}__body`, children: mode === 'month' ? renderMonthPanel() : renderYearPanel() })] }));
+	const { defaultValue, fullscreen = true, disabledDate, dateCellRender, monthCellRender, headerRender, defaultMode = "month", prefixCls: customisedCls, className, style, onChange, onSelect, onPanelChange, value: _value, mode: _mode, ...otherProps } = props;
+	const prefixCls = getPrefixCls("calendar", useContext(ConfigContext).prefixCls, customisedCls);
+	const locale = useLocale();
+	const [selectedDate, setSelectedDate] = useState("value" in props ? props.value : defaultValue ?? /* @__PURE__ */ new Date());
+	const [panelDate, setPanelDate] = useState(selectedDate);
+	const [mode, setMode] = useState("mode" in props ? props.mode : defaultMode);
+	useEffect(() => {
+		if ("value" in props && props.value) {
+			setSelectedDate(props.value);
+			setPanelDate(props.value);
+		}
+	}, [props.value]);
+	useEffect(() => {
+		if ("mode" in props) setMode(props.mode);
+	}, [props.mode]);
+	const weeks = locale?.DatePicker?.weeks ?? [
+		"Su",
+		"Mo",
+		"Tu",
+		"We",
+		"Th",
+		"Fr",
+		"Sa"
+	];
+	const months = locale?.DatePicker?.months ?? [
+		"Jan",
+		"Feb",
+		"Mar",
+		"Apr",
+		"May",
+		"Jun",
+		"Jul",
+		"Aug",
+		"Sep",
+		"Oct",
+		"Nov",
+		"Dec"
+	];
+	const cls = classNames(prefixCls, className, {
+		[`${prefixCls}_fullscreen`]: fullscreen,
+		[`${prefixCls}_card`]: !fullscreen
+	});
+	const handleDateSelect = (date) => {
+		if (disabledDate?.(date)) return;
+		if (!("value" in props)) setSelectedDate(date);
+		setPanelDate(date);
+		onSelect?.(date);
+		onChange?.(date);
+	};
+	const handlePanelChange = (newDate, newMode) => {
+		setPanelDate(newDate);
+		onPanelChange?.(newDate, newMode ?? mode);
+	};
+	const handleModeChange = (newMode) => {
+		if (!("mode" in props)) setMode(newMode);
+		onPanelChange?.(panelDate, newMode);
+	};
+	const handleMonthSelect = (month) => {
+		handleDateSelect(new Date(panelDate.getFullYear(), month, 1));
+		handleModeChange("month");
+	};
+	const goPrev = () => {
+		handlePanelChange(mode === "month" ? getPrevMonthDate(panelDate) : getPrevYearDate(panelDate));
+	};
+	const goNext = () => {
+		handlePanelChange(mode === "month" ? getNextMonthDate(panelDate) : getNextYearDate(panelDate));
+	};
+	const renderHeader = () => {
+		if (headerRender) return headerRender({
+			value: panelDate,
+			mode,
+			onChange: (date) => handlePanelChange(date),
+			onModeChange: handleModeChange
+		});
+		const year = panelDate.getFullYear();
+		const month = panelDate.getMonth();
+		const monthName = locale?.locale === "zh_CN" ? `${months[month]}` : MONTH_NAMES_EN[month];
+		return /* @__PURE__ */ jsxs("div", {
+			className: `${prefixCls}__header`,
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: `${prefixCls}__nav-btn`,
+					onClick: goPrev,
+					"aria-label": "Previous",
+					children: "‹"
+				}),
+				/* @__PURE__ */ jsx("span", {
+					className: `${prefixCls}__title`,
+					children: /* @__PURE__ */ jsx("button", {
+						type: "button",
+						className: `${prefixCls}__title-btn`,
+						onClick: () => handleModeChange(mode === "month" ? "year" : "month"),
+						children: mode === "month" ? `${monthName} ${year}` : year
+					})
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: `${prefixCls}__nav-btn`,
+					onClick: goNext,
+					"aria-label": "Next",
+					children: "›"
+				})
+			]
+		});
+	};
+	const renderMonthPanel = () => {
+		const panelDays = getMonthDaysArray(panelDate);
+		return /* @__PURE__ */ jsxs("table", {
+			className: `${prefixCls}__table`,
+			role: "grid",
+			children: [/* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: weeks.map((week, i) => /* @__PURE__ */ jsx("th", {
+				className: `${prefixCls}__cell-header`,
+				scope: "col",
+				children: week
+			}, i)) }) }), /* @__PURE__ */ jsx("tbody", { children: Array.from({ length: panelDays.length / 7 }, (_, row) => /* @__PURE__ */ jsx("tr", { children: panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {
+				const isDisabled = disabledDate?.(dayCell.date) ?? false;
+				return /* @__PURE__ */ jsx("td", {
+					className: classNames(`${prefixCls}__cell`, {
+						[`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,
+						[`${prefixCls}__cell_today`]: isToday(dayCell.date),
+						[`${prefixCls}__cell_selected`]: isSameDate(selectedDate, dayCell.date),
+						[`${prefixCls}__cell_disabled`]: isDisabled
+					}),
+					onClick: () => handleDateSelect(dayCell.date),
+					role: "gridcell",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: `${prefixCls}__cell-inner`,
+						children: [/* @__PURE__ */ jsx("span", {
+							className: `${prefixCls}__cell-date`,
+							children: dayCell.label
+						}), dateCellRender && dayCell.isThisMonth && /* @__PURE__ */ jsx("div", {
+							className: `${prefixCls}__cell-content`,
+							children: dateCellRender(dayCell.date)
+						})]
+					})
+				}, col);
+			}) }, row)) })]
+		});
+	};
+	const renderYearPanel = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__months`,
+			children: months.map((monthLabel, i) => {
+				const monthDate = new Date(panelDate.getFullYear(), i, 1);
+				const isCurrentMonth = panelDate.getMonth() === i;
+				return /* @__PURE__ */ jsx("div", {
+					className: classNames(`${prefixCls}__month-cell`, { [`${prefixCls}__month-cell_selected`]: isCurrentMonth }),
+					onClick: () => handleMonthSelect(i),
+					children: /* @__PURE__ */ jsxs("div", {
+						className: `${prefixCls}__month-inner`,
+						children: [/* @__PURE__ */ jsx("span", { children: monthLabel }), monthCellRender && /* @__PURE__ */ jsx("div", {
+							className: `${prefixCls}__month-content`,
+							children: monthCellRender(monthDate)
+						})]
+					})
+				}, i);
+			})
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		...otherProps,
+		ref,
+		className: cls,
+		style,
+		children: [renderHeader(), /* @__PURE__ */ jsx("div", {
+			className: `${prefixCls}__body`,
+			children: mode === "month" ? renderMonthPanel() : renderYearPanel()
+		})]
+	});
 });
-Calendar.displayName = 'Calendar';
-export default Calendar;
+Calendar.displayName = "Calendar";
+//#endregion
+export { Calendar as default };
+
 //# sourceMappingURL=calendar.js.map

package/es/calendar/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../components/calendar/calendar.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"calendar.js","names":[],"sources":["../../components/calendar/calendar.tsx"],"sourcesContent":["import React, { useState, useEffect, useContext } from 'react';\nimport classNames from 'classnames';\nimport { ConfigContext } from '../config-provider/config-context';\nimport { getPrefixCls } from '../_utils/general';\nimport { useLocale } from '../_utils/use-locale';\nimport {\n  getMonthDaysArray,\n  isSameDate,\n  isToday,\n  getPrevMonthDate,\n  getNextMonthDate,\n  getPrevYearDate,\n  getNextYearDate,\n} from '../date-picker/utils';\nimport { CalendarProps, CalendarMode } from './types';\n\nconst MONTH_NAMES_EN = [\n  'January', 'February', 'March', 'April', 'May', 'June',\n  'July', 'August', 'September', 'October', 'November', 'December',\n];\n\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>((props, ref) => {\n  const {\n    defaultValue,\n    fullscreen = true,\n    disabledDate,\n    dateCellRender,\n    monthCellRender,\n    headerRender,\n    defaultMode = 'month',\n    prefixCls: customisedCls,\n    className,\n    style,\n    onChange,\n    onSelect,\n    onPanelChange,\n    value: _value,\n    mode: _mode,\n    ...otherProps\n  } = props;\n\n  const configContext = useContext(ConfigContext);\n  const prefixCls = getPrefixCls('calendar', configContext.prefixCls, customisedCls);\n  const locale = useLocale();\n\n  const [selectedDate, setSelectedDate] = useState<Date>(\n    'value' in props ? (props.value as Date) : (defaultValue ?? new Date())\n  );\n  const [panelDate, setPanelDate] = useState<Date>(selectedDate);\n  const [mode, setMode] = useState<CalendarMode>(\n    'mode' in props ? (props.mode as CalendarMode) : defaultMode\n  );\n\n  useEffect(() => {\n    if ('value' in props && props.value) {\n      setSelectedDate(props.value);\n      setPanelDate(props.value);\n    }\n  }, [props.value]);\n\n  useEffect(() => {\n    if ('mode' in props) {\n      setMode(props.mode as CalendarMode);\n    }\n  }, [props.mode]);\n\n  const weeks = locale?.DatePicker?.weeks ?? ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa'];\n  const months = locale?.DatePicker?.months ?? [\n    'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',\n    'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',\n  ];\n\n  const cls = classNames(prefixCls, className, {\n    [`${prefixCls}_fullscreen`]: fullscreen,\n    [`${prefixCls}_card`]: !fullscreen,\n  });\n\n  const handleDateSelect = (date: Date) => {\n    if (disabledDate?.(date)) return;\n    if (!('value' in props)) {\n      setSelectedDate(date);\n    }\n    setPanelDate(date);\n    onSelect?.(date);\n    onChange?.(date);\n  };\n\n  const handlePanelChange = (newDate: Date, newMode?: CalendarMode) => {\n    setPanelDate(newDate);\n    const m = newMode ?? mode;\n    onPanelChange?.(newDate, m);\n  };\n\n  const handleModeChange = (newMode: CalendarMode) => {\n    if (!('mode' in props)) {\n      setMode(newMode);\n    }\n    onPanelChange?.(panelDate, newMode);\n  };\n\n  const handleMonthSelect = (month: number) => {\n    const newDate = new Date(panelDate.getFullYear(), month, 1);\n    handleDateSelect(newDate);\n    handleModeChange('month');\n  };\n\n  const goPrev = () => {\n    const newDate = mode === 'month' ? getPrevMonthDate(panelDate) : getPrevYearDate(panelDate);\n    handlePanelChange(newDate);\n  };\n\n  const goNext = () => {\n    const newDate = mode === 'month' ? getNextMonthDate(panelDate) : getNextYearDate(panelDate);\n    handlePanelChange(newDate);\n  };\n\n  const renderHeader = () => {\n    if (headerRender) {\n      return headerRender({\n        value: panelDate,\n        mode,\n        onChange: (date) => handlePanelChange(date),\n        onModeChange: handleModeChange,\n      });\n    }\n\n    const year = panelDate.getFullYear();\n    const month = panelDate.getMonth();\n    const monthName = locale?.locale === 'zh_CN'\n      ? `${months[month]}`\n      : MONTH_NAMES_EN[month];\n\n    return (\n      <div className={`${prefixCls}__header`}>\n        <button type=\"button\" className={`${prefixCls}__nav-btn`} onClick={goPrev} aria-label=\"Previous\">\n          ‹\n        </button>\n        <span className={`${prefixCls}__title`}>\n          <button\n            type=\"button\"\n            className={`${prefixCls}__title-btn`}\n            onClick={() => handleModeChange(mode === 'month' ? 'year' : 'month')}\n          >\n            {mode === 'month' ? `${monthName} ${year}` : year}\n          </button>\n        </span>\n        <button type=\"button\" className={`${prefixCls}__nav-btn`} onClick={goNext} aria-label=\"Next\">\n          ›\n        </button>\n      </div>\n    );\n  };\n\n  const renderMonthPanel = () => {\n    const panelDays = getMonthDaysArray(panelDate);\n\n    return (\n      <table className={`${prefixCls}__table`} role=\"grid\">\n        <thead>\n          <tr>\n            {weeks.map((week, i) => (\n              <th key={i} className={`${prefixCls}__cell-header`} scope=\"col\">\n                {week}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {Array.from({ length: panelDays.length / 7 }, (_, row) => (\n            <tr key={row}>\n              {panelDays.slice(row * 7, row * 7 + 7).map((dayCell, col) => {\n                const isDisabled = disabledDate?.(dayCell.date) ?? false;\n                const cellCls = classNames(`${prefixCls}__cell`, {\n                  [`${prefixCls}__cell_in-view`]: dayCell.isThisMonth,\n                  [`${prefixCls}__cell_today`]: isToday(dayCell.date),\n                  [`${prefixCls}__cell_selected`]: isSameDate(selectedDate, dayCell.date),\n                  [`${prefixCls}__cell_disabled`]: isDisabled,\n                });\n                return (\n                  <td\n                    key={col}\n                    className={cellCls}\n                    onClick={() => handleDateSelect(dayCell.date)}\n                    role=\"gridcell\"\n                  >\n                    <div className={`${prefixCls}__cell-inner`}>\n                      <span className={`${prefixCls}__cell-date`}>{dayCell.label}</span>\n                      {dateCellRender && dayCell.isThisMonth && (\n                        <div className={`${prefixCls}__cell-content`}>\n                          {dateCellRender(dayCell.date)}\n                        </div>\n                      )}\n                    </div>\n                  </td>\n                );\n              })}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  };\n\n  const renderYearPanel = () => {\n    return (\n      <div className={`${prefixCls}__months`}>\n        {months.map((monthLabel, i) => {\n          const monthDate = new Date(panelDate.getFullYear(), i, 1);\n          const isCurrentMonth = panelDate.getMonth() === i;\n          const cellCls = classNames(`${prefixCls}__month-cell`, {\n            [`${prefixCls}__month-cell_selected`]: isCurrentMonth,\n          });\n          return (\n            <div\n              key={i}\n              className={cellCls}\n              onClick={() => handleMonthSelect(i)}\n            >\n              <div className={`${prefixCls}__month-inner`}>\n                <span>{monthLabel}</span>\n                {monthCellRender && (\n                  <div className={`${prefixCls}__month-content`}>\n                    {monthCellRender(monthDate)}\n                  </div>\n                )}\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  };\n\n  return (\n    <div {...otherProps} ref={ref} className={cls} style={style}>\n      {renderHeader()}\n      <div className={`${prefixCls}__body`}>\n        {mode === 'month' ? renderMonthPanel() : renderYearPanel()}\n      </div>\n    </div>\n  );\n});\n\nCalendar.displayName = 'Calendar';\nexport default Calendar;\n"],"mappings":"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"}

package/es/calendar/index.d.ts

@@ -1,2 +1 @@
-import Calendar from './calendar';
-export default Calendar;
+import { Calendar } from "./calendar.js";

package/es/calendar/index.js

@@ -1,3 +1,9 @@
-import Calendar from './calendar';
-export default Calendar;
+import '../style/base.css';
+import './style/index.css';
+import Calendar from "./calendar.js";
+//#region components/calendar/index.tsx
+var calendar_default = Calendar;
+//#endregion
+export { calendar_default as default };
+
 //# sourceMappingURL=index.js.map

package/es/calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../components/calendar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.js","names":[],"sources":["../../components/calendar/index.tsx"],"sourcesContent":["import Calendar from './calendar';\n\nexport default Calendar;\n"],"mappings":";;AAEA,IAAA,mBAAe"}

package/es/calendar/style/_index.scss

@@ -0,0 +1,190 @@
+@use '../../style/variables' as *;
+
+.#{$prefix}-calendar {
+  background: var(--ty-calendar-bg, #fff);
+  border: 1px solid var(--ty-calendar-border, #{$gray-200});
+  border-radius: $border-radius;
+
+  &_fullscreen {
+    width: 100%;
+  }
+
+  &_card {
+    width: 300px;
+  }
+
+  &__header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--ty-calendar-border, #{$gray-200});
+  }
+
+  &__nav-btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    border-radius: $border-radius;
+    font-size: 18px;
+    color: var(--ty-color-text, #{$gray-700});
+
+    &:hover {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+  }
+
+  &__title {
+    font-weight: 500;
+    font-size: $font-size-base;
+  }
+
+  &__title-btn {
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    font-weight: inherit;
+    font-size: inherit;
+    padding: 4px 8px;
+    border-radius: $border-radius;
+    color: var(--ty-color-text, #{$gray-800});
+
+    &:hover {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+  }
+
+  &__body {
+    padding: 8px;
+  }
+
+  &__table {
+    width: 100%;
+    border-collapse: collapse;
+    table-layout: fixed;
+  }
+
+  &__cell-header {
+    padding: 8px 0;
+    text-align: center;
+    font-weight: 500;
+    font-size: $font-size-sm;
+    color: var(--ty-color-text-secondary, #{$gray-600});
+  }
+
+  &__cell {
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.2s;
+
+    &_disabled {
+      cursor: not-allowed;
+      opacity: 0.3;
+    }
+
+    &:not(&_disabled):hover .#{$prefix}-calendar__cell-inner {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+
+    &_selected:not(&_disabled):hover .#{$prefix}-calendar__cell-inner {
+      background: var(--ty-color-primary-active);
+    }
+
+    &_in-view {
+      color: var(--ty-color-text, #{$gray-900});
+    }
+
+    &:not(&_in-view) {
+      color: var(--ty-color-text-secondary, #{$gray-400});
+    }
+
+    &_today .#{$prefix}-calendar__cell-date {
+      color: var(--ty-color-primary, #{$primary-color});
+      font-weight: 600;
+    }
+
+    &_selected .#{$prefix}-calendar__cell-inner {
+      background: var(--ty-color-primary, #{$primary-color});
+      color: #fff;
+      border-radius: $border-radius;
+    }
+
+    &_selected .#{$prefix}-calendar__cell-date {
+      color: inherit;
+    }
+  }
+
+  &__cell-inner {
+    padding: 4px;
+    border-radius: $border-radius;
+    min-height: 24px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &_fullscreen &__cell-inner {
+    min-height: 60px;
+    padding: 4px 8px;
+    align-items: stretch;
+  }
+
+  &__cell-date {
+    display: inline-block;
+    line-height: 24px;
+    min-width: 24px;
+    text-align: center;
+    font-size: $font-size-sm;
+  }
+
+  &__cell-content {
+    font-size: 12px;
+    margin-top: 2px;
+  }
+
+  // Month panel (year mode)
+  &__months {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 8px;
+    padding: 8px;
+  }
+
+  &__month-cell {
+    text-align: center;
+    padding: 16px 8px;
+    cursor: pointer;
+    border-radius: $border-radius;
+    transition: all 0.2s;
+
+    &:hover {
+      background: var(--ty-calendar-hover, #{$gray-100});
+    }
+
+    &_selected {
+      background: var(--ty-color-primary, #{$primary-color});
+      color: #fff;
+
+      &:hover {
+        background: var(--ty-color-primary, #{$primary-color});
+        opacity: 0.9;
+      }
+    }
+  }
+
+  &__month-inner {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  &__month-content {
+    font-size: 12px;
+    margin-top: 4px;
+  }
+}