@gravity-ui/date-components 2.10.1 → 2.10.2

package/dist/cjs/components/CalendarView/CalendarView.js

@@ -61,7 +61,7 @@ function Content({ className, state, animation, onAnimationEnd }) {
     return ((0, jsx_runtime_1.jsxs)("div", { className: b('content', { animation }, className), onAnimationEnd: onAnimationEnd, role: "presentation", children: [state.mode === 'days' && (0, jsx_runtime_1.jsx)(Weekdays, { state: state }), (0, jsx_runtime_1.jsx)(CalendarGridCells, { state: state })] }));
 }
 function Weekdays({ state }) {
-    const weekdays = (0, utils_1.getWeekDays)();
+    const weekdays = (0, utils_1.getWeekDays)(state);
     return ((0, jsx_runtime_1.jsx)("div", { className: b('grid-row'), role: "row", children: weekdays.map((date) => {
             return ((0, jsx_runtime_1.jsx)("div", { className: b('weekday', { weekend: state.isWeekend(date) }), role: "columnheader", "aria-label": (0, dates_1.formatDateTime)(date, 'dddd', state.timeZone), children: (0, dates_1.formatDateTime)(date, 'dd', state.timeZone) }, date.day()));
         }) }));
@@ -69,7 +69,7 @@ function Weekdays({ state }) {
 function CalendarGridCells({ state }) {
     const rowsInPeriod = state.mode === 'days' ? 6 : 4;
     const columnsInRow = state.mode === 'days' ? 7 : 3 + (state.mode === 'quarters' ? 1 : 0);
-    const days = (0, utils_1.getDaysInPeriod)(state.startDate, state.endDate, state.mode);
+    const days = (0, utils_1.getDaysInPeriod)(state);
     return ((0, jsx_runtime_1.jsx)("div", { className: b('grid-rowgroup', { mode: state.mode }), role: "rowgroup", children: [...new Array(rowsInPeriod).keys()].map((rowIndex) => ((0, jsx_runtime_1.jsxs)("div", { className: b('grid-row'), role: "row", children: [state.mode === 'quarters' ? ((0, jsx_runtime_1.jsx)("span", { role: "rowheader", className: b('grid-rowgroup-header'), children: (0, dates_1.formatDateTime)(days[rowIndex * columnsInRow], 'YYYY', state.timeZone) })) : null, days
                     .slice(rowIndex * columnsInRow, (rowIndex + 1) * columnsInRow)
                     .map((date) => {

package/dist/cjs/components/CalendarView/utils.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { CalendarLayout } from './hooks/types';
-export declare function getDaysInPeriod(startDate: DateTime, _endDate: DateTime, mode: CalendarLayout): DateTime[];
-export declare function getWeekDays(): DateTime[];
+import type { CalendarLayout, CalendarState, RangeCalendarState } from './hooks/types';
+export declare function getDaysInPeriod(state: CalendarState | RangeCalendarState): DateTime[];
+export declare function getWeekDays(state: CalendarState | RangeCalendarState): DateTime[];
 export declare const calendarLayouts: CalendarLayout[];

package/dist/cjs/components/CalendarView/utils.js

@@ -4,29 +4,30 @@ exports.calendarLayouts = void 0;
 exports.getDaysInPeriod = getDaysInPeriod;
 exports.getWeekDays = getWeekDays;
 const date_utils_1 = require("@gravity-ui/date-utils");
-function getDaysInPeriod(startDate, _endDate, mode) {
+function getDaysInPeriod(state) {
     const days = [];
-    if (mode === 'days') {
+    const startDate = (0, date_utils_1.dateTime)({ input: state.startDate, timeZone: state.timeZone });
+    if (state.mode === 'days') {
         const currentDate = startDate.startOf('week');
         for (let i = 0; i < 42; i++) {
             days.push(currentDate.add({ days: i }));
         }
     }
-    else if (mode === 'quarters') {
+    else if (state.mode === 'quarters') {
         for (let i = 0; i < 16; i++) {
             days.push(startDate.add(i, 'quarters'));
         }
     }
     else {
         for (let i = 0; i < 12; i++) {
-            days.push(startDate.add({ [mode]: i }));
+            days.push(startDate.add({ [state.mode]: i }));
         }
     }
     return days;
 }
-function getWeekDays() {
+function getWeekDays(state) {
     const weekDays = [];
-    const weekStart = (0, date_utils_1.dateTime)().startOf('week');
+    const weekStart = (0, date_utils_1.dateTime)({ timeZone: state.timeZone }).startOf('week');
     for (let i = 0; i < 7; i++) {
         const date = weekStart.add({ days: i });
         weekDays.push(date);

package/dist/esm/components/CalendarView/CalendarView.js

@@ -55,7 +55,7 @@ function Content({ className, state, animation, onAnimationEnd }) {
     return (_jsxs("div", { className: b('content', { animation }, className), onAnimationEnd: onAnimationEnd, role: "presentation", children: [state.mode === 'days' && _jsx(Weekdays, { state: state }), _jsx(CalendarGridCells, { state: state })] }));
 }
 function Weekdays({ state }) {
-    const weekdays = getWeekDays();
+    const weekdays = getWeekDays(state);
     return (_jsx("div", { className: b('grid-row'), role: "row", children: weekdays.map((date) => {
             return (_jsx("div", { className: b('weekday', { weekend: state.isWeekend(date) }), role: "columnheader", "aria-label": formatDateTime(date, 'dddd', state.timeZone), children: formatDateTime(date, 'dd', state.timeZone) }, date.day()));
         }) }));
@@ -63,7 +63,7 @@ function Weekdays({ state }) {
 function CalendarGridCells({ state }) {
     const rowsInPeriod = state.mode === 'days' ? 6 : 4;
     const columnsInRow = state.mode === 'days' ? 7 : 3 + (state.mode === 'quarters' ? 1 : 0);
-    const days = getDaysInPeriod(state.startDate, state.endDate, state.mode);
+    const days = getDaysInPeriod(state);
     return (_jsx("div", { className: b('grid-rowgroup', { mode: state.mode }), role: "rowgroup", children: [...new Array(rowsInPeriod).keys()].map((rowIndex) => (_jsxs("div", { className: b('grid-row'), role: "row", children: [state.mode === 'quarters' ? (_jsx("span", { role: "rowheader", className: b('grid-rowgroup-header'), children: formatDateTime(days[rowIndex * columnsInRow], 'YYYY', state.timeZone) })) : null, days
                     .slice(rowIndex * columnsInRow, (rowIndex + 1) * columnsInRow)
                     .map((date) => {

package/dist/esm/components/CalendarView/utils.d.ts

@@ -1,5 +1,5 @@
 import type { DateTime } from '@gravity-ui/date-utils';
-import type { CalendarLayout } from './hooks/types';
-export declare function getDaysInPeriod(startDate: DateTime, _endDate: DateTime, mode: CalendarLayout): DateTime[];
-export declare function getWeekDays(): DateTime[];
+import type { CalendarLayout, CalendarState, RangeCalendarState } from './hooks/types';
+export declare function getDaysInPeriod(state: CalendarState | RangeCalendarState): DateTime[];
+export declare function getWeekDays(state: CalendarState | RangeCalendarState): DateTime[];
 export declare const calendarLayouts: CalendarLayout[];

package/dist/esm/components/CalendarView/utils.js

@@ -1,27 +1,28 @@
 import { dateTime } from '@gravity-ui/date-utils';
-export function getDaysInPeriod(startDate, _endDate, mode) {
+export function getDaysInPeriod(state) {
     const days = [];
-    if (mode === 'days') {
+    const startDate = dateTime({ input: state.startDate, timeZone: state.timeZone });
+    if (state.mode === 'days') {
         const currentDate = startDate.startOf('week');
         for (let i = 0; i < 42; i++) {
             days.push(currentDate.add({ days: i }));
         }
     }
-    else if (mode === 'quarters') {
+    else if (state.mode === 'quarters') {
         for (let i = 0; i < 16; i++) {
             days.push(startDate.add(i, 'quarters'));
         }
     }
     else {
         for (let i = 0; i < 12; i++) {
-            days.push(startDate.add({ [mode]: i }));
+            days.push(startDate.add({ [state.mode]: i }));
         }
     }
     return days;
 }
-export function getWeekDays() {
+export function getWeekDays(state) {
     const weekDays = [];
-    const weekStart = dateTime().startOf('week');
+    const weekStart = dateTime({ timeZone: state.timeZone }).startOf('week');
     for (let i = 0; i < 7; i++) {
         const date = weekStart.add({ days: i });
         weekDays.push(date);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/date-components",
-  "version": "2.10.1",
+  "version": "2.10.2",
   "description": "",
   "license": "MIT",
   "main": "dist/cjs/index.js",