archive-gh-me/nextui
1
0
Fork 0
mirror of https://github.com/nextui-org/nextui.git synced 2025-12-08 19:26:11 +00:00
Code Issues Projects Releases Wiki Activity

fix(date-picker): error state (#5317)

Browse Source 
* fix(date-range-picker): fixed the error state in preset

* Update giant-sloths-shop.md

* Removed if statement

* chore(date-picker): prettier

---------

Co-authored-by: WK Wong <wingkwong.code@gmail.com>
This commit is contained in:
Vishv Salvi 2025-05-27 03:42:32 +05:30 committed by GitHub
parent 2cbc68965f
commit d40c744f46
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/giant-sloths-shop.md Normal file
View File

@ -0,0 +1,5 @@
---
"@heroui/date-picker": patch
---
fix date-range-picker error state (#5309)

9
packages/components/date-picker/src/use-date-range-picker.ts
View File

@ -14,7 +14,7 @@ import type {DateRangePickerSlots, SlotsToClasses} from "@heroui/theme";
import type {DateInputProps} from "@heroui/date-input"; import type {DateInputProps} from "@heroui/date-input";
import {useLabelPlacement, useProviderContext} from "@heroui/system"; import {useLabelPlacement, useProviderContext} from "@heroui/system";
import {useMemo, useRef} from "react"; import {useMemo, useRef, useEffect} from "react";
import {useDateRangePickerState} from "@react-stately/datepicker"; import {useDateRangePickerState} from "@react-stately/datepicker";
import {useDateRangePicker as useAriaDateRangePicker} from "@react-aria/datepicker"; import {useDateRangePicker as useAriaDateRangePicker} from "@react-aria/datepicker";
import {clsx, dataAttr, objectToDeps} from "@heroui/shared-utils"; import {clsx, dataAttr, objectToDeps} from "@heroui/shared-utils";
@ -125,6 +125,13 @@ export function useDateRangePicker<T extends DateValue>({
isInvalid: isAriaInvalid, isInvalid: isAriaInvalid,
} = useAriaDateRangePicker({...originalProps, validationBehavior}, state, domRef); } = useAriaDateRangePicker({...originalProps, validationBehavior}, state, domRef);
// Force revalidation when value changes programmatically
useEffect(() => {
// Trigger revalidation to sync React Aria's internal validation state
// with the new programmatically set value
state.commitValidation();
}, [state.value, state.commitValidation]);
const isInvalid = isInvalidProp || isAriaInvalid; const isInvalid = isInvalidProp || isAriaInvalid;
const slots = useMemo( const slots = useMemo(