fix: use DateTime instance method isValid (#151)

Author: ValeraS

src/components/DateField/hooks/useDateFieldState.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 
-import {isValid} from '@gravity-ui/date-utils';
 import type {DateTime} from '@gravity-ui/date-utils';
 import {useControlledState} from '@gravity-ui/uikit';
 
@@ -84,7 +83,7 @@ export function useDateFieldState(props: DateFieldStateOptions): DateFieldState
     }
 
     const displayValue =
-        value && isValid(value) && isAllSegmentsValid(allSegments, validSegments)
+        value && value.isValid() && isAllSegmentsValid(allSegments, validSegments)
             ? value.timeZone(timeZone)
             : placeholderDate.timeZone(timeZone);
     const sectionsState = useSectionsState(sections, displayValue, validSegments);
@@ -201,7 +200,7 @@ export function useDateFieldState(props: DateFieldStateOptions): DateFieldState
 
     function setValueFromString(str: string) {
         const date = parseDateFromString(str, format, timeZone);
-        if (isValid(date)) {
+        if (date.isValid()) {
             handleUpdateDate(date);
             return true;
         }

src/components/DateField/utils.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {dateTime, expandFormat, isValid} from '@gravity-ui/date-utils';
+import {dateTime, expandFormat} from '@gravity-ui/date-utils';
 import type {DateTime} from '@gravity-ui/date-utils';
 
 import {mergeDateTime} from '../utils/dates';
@@ -612,7 +612,7 @@ export function formatSections(sections: DateFieldSection[]): string {
 
 function parseDate(options: {input: string; format: string; timeZone?: string}) {
     let date = dateTime(options);
-    if (!isValid(date)) {
+    if (!date.isValid()) {
         date = dateTime({...options, format: undefined});
     }
     return date;
@@ -624,7 +624,7 @@ function isDateStringWithTimeZone(str: string) {
 
 export function parseDateFromString(str: string, format: string, timeZone?: string): DateTime {
     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);

src/components/RangeDateField/hooks/useRangeDateFieldState.ts

@@ -1,7 +1,6 @@
 /* eslint-disable complexity */
 import React from 'react';
 
-import {isValid} from '@gravity-ui/date-utils';
 import type {DateTime} from '@gravity-ui/date-utils';
 import {useControlledState} from '@gravity-ui/uikit';
 
@@ -98,8 +97,8 @@ export function useRangeDateFieldState(props: RangeDateFieldStateOptions): Range
 
     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)}
@@ -236,7 +235,7 @@ export function useRangeDateFieldState(props: RangeDateFieldStateOptions): Range
         const start = parseDateFromString(list?.[0]?.trim(), format, timeZone);
         const end = parseDateFromString(list?.[1]?.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;
         }

src/components/RangeDateField/utils/isValidRange.ts

@@ -1,8 +1,7 @@
-import {isValid} from '@gravity-ui/date-utils';
 import type {DateTime} from '@gravity-ui/date-utils';
 
 import type {RangeValue} from '../../types';
 
 export function isValidRange({start, end}: RangeValue<DateTime>): boolean {
-    return isValid(start) && isValid(end) && (start.isSame(end) || start.isBefore(end));
+    return start.isValid() && end.isValid() && (start.isSame(end) || start.isBefore(end));
 }

src/components/RelativeDateField/hooks/useRelativeDateFieldState.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import {dateTimeParse, isLikeRelative, isValid} from '@gravity-ui/date-utils';
+import {dateTimeParse, isLikeRelative} from '@gravity-ui/date-utils';
 import type {DateTime} from '@gravity-ui/date-utils';
 import {useControlledState} from '@gravity-ui/uikit';
 
@@ -55,7 +55,7 @@ export function useRelativeDateFieldState(props: RelativeDateFieldOptions): Rela
         setText(t);
         if (isLikeRelative(t)) {
             const date = dateTimeParse(t);
-            if (date && isValid(date)) {
+            if (date && date.isValid()) {
                 setValue(t);
             } else {
                 setValue(null);