@gravity-ui/date-components 2.11.0-beta.0 → 2.11.0

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/cjs/components/DateField/hooks/useDateFieldState.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDateFieldState = useDateFieldState;
 const react_1 = __importDefault(require("react"));
-const date_utils_1 = require("@gravity-ui/date-utils");
 const uikit_1 = require("@gravity-ui/uikit");
 const dates_1 = require("../../utils/dates");
 const useDefaultTimeZone_1 = require("../../utils/useDefaultTimeZone");
@@ -47,7 +46,7 @@ function useDateFieldState(props) {
             timeZone,
         }));
     }
-    const displayValue = value && (0, date_utils_1.isValid)(value) && (0, utils_1.isAllSegmentsValid)(allSegments, validSegments)
+    const displayValue = value && value.isValid() && (0, utils_1.isAllSegmentsValid)(allSegments, validSegments)
         ? value.timeZone(timeZone)
         : placeholderDate.timeZone(timeZone);
     const sectionsState = useSectionsState(sections, displayValue, validSegments);
@@ -143,7 +142,7 @@ function useDateFieldState(props) {
     }
     function setValueFromString(str) {
         const date = (0, utils_1.parseDateFromString)(str, format, timeZone);
-        if ((0, date_utils_1.isValid)(date)) {
+        if (date.isValid()) {
             handleUpdateDate(date);
             return true;
         }

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

@@ -492,7 +492,7 @@ function formatSections(sections) {
 }
 function parseDate(options) {
     let date = (0, date_utils_1.dateTime)(options);
-    if (!(0, date_utils_1.isValid)(date)) {
+    if (!date.isValid()) {
         date = (0, date_utils_1.dateTime)(Object.assign(Object.assign({}, options), { format: undefined }));
     }
     return date;
@@ -502,7 +502,7 @@ function isDateStringWithTimeZone(str) {
 }
 function parseDateFromString(str, format, timeZone) {
     let date = parseDate({ input: str, format, timeZone });
-    if ((0, date_utils_1.isValid)(date)) {
+    if (date.isValid()) {
         if (timeZone && !isDateStringWithTimeZone(str)) {
             const time = parseDate({ input: str, format });
             date = (0, dates_1.mergeDateTime)(date, time);

package/dist/cjs/components/RangeDateField/hooks/useRangeDateFieldState.js

@@ -6,7 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useRangeDateFieldState = useRangeDateFieldState;
 /* eslint-disable complexity */
 const react_1 = __importDefault(require("react"));
-const date_utils_1 = require("@gravity-ui/date-utils");
 const uikit_1 = require("@gravity-ui/uikit");
 const DateField_1 = require("../../DateField");
 const utils_1 = require("../../DateField/utils");
@@ -57,8 +56,8 @@ function useRangeDateFieldState(props) {
         }));
     }
     const displayValue = value &&
-        (0, date_utils_1.isValid)(value.start) &&
-        (0, date_utils_1.isValid)(value.end) &&
+        value.start.isValid() &&
+        value.end.isValid() &&
         Object.keys(validSegments.start).length >= Object.keys(allSegments).length &&
         Object.keys(validSegments.end).length >= Object.keys(allSegments).length
         ? { start: value.start.timeZone(timeZone), end: value.end.timeZone(timeZone) }
@@ -165,7 +164,7 @@ function useRangeDateFieldState(props) {
         const start = (0, utils_1.parseDateFromString)((_a = list === null || list === void 0 ? void 0 : list[0]) === null || _a === void 0 ? void 0 : _a.trim(), format, timeZone);
         const end = (0, utils_1.parseDateFromString)((_b = list === null || list === void 0 ? void 0 : list[1]) === null || _b === void 0 ? void 0 : _b.trim(), format, timeZone);
         const range = { start, end };
-        if ((0, date_utils_1.isValid)(range.start) && (0, date_utils_1.isValid)(range.end)) {
+        if (range.start.isValid() && range.end.isValid()) {
             handleUpdateRange(range);
             return true;
         }

package/dist/cjs/components/RangeDateField/utils/isValidRange.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.isValidRange = isValidRange;
-const date_utils_1 = require("@gravity-ui/date-utils");
 function isValidRange({ start, end }) {
-    return (0, date_utils_1.isValid)(start) && (0, date_utils_1.isValid)(end) && (start.isSame(end) || start.isBefore(end));
+    return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));
 }

package/dist/cjs/components/RangeDateSelection/components/NowLine/NowLine.js

@@ -5,7 +5,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NowLine = NowLine;
 const jsx_runtime_1 = require("react/jsx-runtime");
-// import {dateTime} from '@gravity-ui/date-utils';
 const react_1 = __importDefault(require("react"));
 const cn_1 = require("../../../../utils/cn");
 const constants_1 = require("../../../utils/constants");

package/dist/cjs/components/RelativeDateField/hooks/useRelativeDateFieldState.js

@@ -21,7 +21,7 @@ function useRelativeDateFieldState(props) {
         setText(t);
         if ((0, date_utils_1.isLikeRelative)(t)) {
             const date = (0, date_utils_1.dateTimeParse)(t);
-            if (date && (0, date_utils_1.isValid)(date)) {
+            if (date && date.isValid()) {
                 setValue(t);
             }
             else {

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/dist/esm/components/DateField/hooks/useDateFieldState.js

@@ -1,5 +1,4 @@
 import React from 'react';
-import { isValid } from '@gravity-ui/date-utils';
 import { useControlledState } from '@gravity-ui/uikit';
 import { createPlaceholderValue, isInvalid } from '../../utils/dates';
 import { useDefaultTimeZone } from '../../utils/useDefaultTimeZone';
@@ -41,7 +40,7 @@ export function useDateFieldState(props) {
             timeZone,
         }));
     }
-    const displayValue = value && isValid(value) && isAllSegmentsValid(allSegments, validSegments)
+    const displayValue = value && value.isValid() && isAllSegmentsValid(allSegments, validSegments)
         ? value.timeZone(timeZone)
         : placeholderDate.timeZone(timeZone);
     const sectionsState = useSectionsState(sections, displayValue, validSegments);
@@ -137,7 +136,7 @@ export function useDateFieldState(props) {
     }
     function setValueFromString(str) {
         const date = parseDateFromString(str, format, timeZone);
-        if (isValid(date)) {
+        if (date.isValid()) {
             handleUpdateDate(date);
             return true;
         }

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { dateTime, expandFormat, isValid } from '@gravity-ui/date-utils';
+import { dateTime, expandFormat } from '@gravity-ui/date-utils';
 import { mergeDateTime } from '../utils/dates';
 import { i18n } from './i18n';
 export const EDITABLE_SEGMENTS = {
@@ -471,7 +471,7 @@ export function formatSections(sections) {
 }
 function parseDate(options) {
     let date = dateTime(options);
-    if (!isValid(date)) {
+    if (!date.isValid()) {
         date = dateTime(Object.assign(Object.assign({}, options), { format: undefined }));
     }
     return date;
@@ -481,7 +481,7 @@ function isDateStringWithTimeZone(str) {
 }
 export function parseDateFromString(str, format, timeZone) {
     let date = parseDate({ input: str, format, timeZone });
-    if (isValid(date)) {
+    if (date.isValid()) {
         if (timeZone && !isDateStringWithTimeZone(str)) {
             const time = parseDate({ input: str, format });
             date = mergeDateTime(date, time);

package/dist/esm/components/RangeDateField/hooks/useRangeDateFieldState.js

@@ -1,6 +1,5 @@
 /* eslint-disable complexity */
 import React from 'react';
-import { isValid } from '@gravity-ui/date-utils';
 import { useControlledState } from '@gravity-ui/uikit';
 import { useBaseDateFieldState } from '../../DateField';
 import { EDITABLE_SEGMENTS, addSegment, isAllSegmentsValid, parseDateFromString, setSegment, useFormatSections, } from '../../DateField/utils';
@@ -51,8 +50,8 @@ export function useRangeDateFieldState(props) {
         }));
     }
     const displayValue = value &&
-        isValid(value.start) &&
-        isValid(value.end) &&
+        value.start.isValid() &&
+        value.end.isValid() &&
         Object.keys(validSegments.start).length >= Object.keys(allSegments).length &&
         Object.keys(validSegments.end).length >= Object.keys(allSegments).length
         ? { start: value.start.timeZone(timeZone), end: value.end.timeZone(timeZone) }
@@ -159,7 +158,7 @@ export function useRangeDateFieldState(props) {
         const start = parseDateFromString((_a = list === null || list === void 0 ? void 0 : list[0]) === null || _a === void 0 ? void 0 : _a.trim(), format, timeZone);
         const end = parseDateFromString((_b = list === null || list === void 0 ? void 0 : list[1]) === null || _b === void 0 ? void 0 : _b.trim(), format, timeZone);
         const range = { start, end };
-        if (isValid(range.start) && isValid(range.end)) {
+        if (range.start.isValid() && range.end.isValid()) {
             handleUpdateRange(range);
             return true;
         }

package/dist/esm/components/RangeDateField/utils/isValidRange.js

@@ -1,4 +1,3 @@
-import { isValid } from '@gravity-ui/date-utils';
 export function isValidRange({ start, end }) {
-    return isValid(start) && isValid(end) && (start.isSame(end) || start.isBefore(end));
+    return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));
 }

package/dist/esm/components/RangeDateSelection/components/NowLine/NowLine.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-// import {dateTime} from '@gravity-ui/date-utils';
 import React from 'react';
 import { block } from '../../../../utils/cn';
 import { SECOND } from '../../../utils/constants';

package/dist/esm/components/RelativeDateField/hooks/useRelativeDateFieldState.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { dateTimeParse, isLikeRelative, isValid } from '@gravity-ui/date-utils';
+import { dateTimeParse, isLikeRelative } from '@gravity-ui/date-utils';
 import { useControlledState } from '@gravity-ui/uikit';
 export function useRelativeDateFieldState(props) {
     var _a;
@@ -15,7 +15,7 @@ export function useRelativeDateFieldState(props) {
         setText(t);
         if (isLikeRelative(t)) {
             const date = dateTimeParse(t);
-            if (date && isValid(date)) {
+            if (date && date.isValid()) {
                 setValue(t);
             }
             else {

package/package.json

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