- Fix bug where date description was cleared when the date value was …

…cleared.
StenaIT · Sep 3, 2024 · dd87ae4 · dd87ae4
1 parent 6b892dc
commit dd87ae4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/packages/calendar/src/features/travel-calendar/components/TravelDateTextInput.tsx b/packages/calendar/src/features/travel-calendar/components/TravelDateTextInput.tsx
@@ -1,9 +1,9 @@
 import * as React from "react";
+import { FocusEventHandler, useCallback, useRef, useState } from "react";
 import {
   LabelledTextInput,
   LabelledTextInputProps,
 } from "@stenajs-webui/forms";
-import { FocusEventHandler, useCallback, useRef, useState } from "react";
 import {
   InputMask,
   InputMaskPipe,
@@ -84,7 +84,7 @@ export const TravelDateTextInput: React.FC<TravelDateTextInputProps> = ({
     <LabelledTextInput
       {...inputProps}
       aria-live={"polite"}
-      value={!isFocused ? valueWhenBlurred : undefined}
+      value={(!isFocused ? valueWhenBlurred : value) ?? ""}
       ref={inputRef}
       placeholder={activePlaceholder}
       onFocus={onFocusHandler}

diff --git a/packages/calendar/src/features/travel-calendar/hooks/UseTravelDateRangeInput.ts b/packages/calendar/src/features/travel-calendar/hooks/UseTravelDateRangeInput.ts
@@ -53,15 +53,15 @@ export const useTravelDateRangeInput = (
       selectedStartDate != null
         ? formatDateDescription(selectedStartDate, today, locale)
         : undefined,
-    [locale, selectedStartDate]
+    [locale, selectedStartDate, today]
   );
 
   const valueWhenBlurredEndDate = useMemo(
     () =>
       selectedEndDate != null
         ? formatDateDescription(selectedEndDate, today, locale)
         : undefined,
-    [locale, selectedEndDate]
+    [locale, selectedEndDate, today]
   );
 
   const [visibleMonth, setVisibleMonth] = useState<Date>(