DateRangePicker: How to use validation methods on dateRange picker which we can use already for DatePicker

[kmanisha29]

I see these methods are mentioned in docs for DateRangePicker as well as DatePicker.
Add ref to DatePicker and using isValidValue with datePickerRef works but same method is not working with dateRange value.
its giving wrong value always

const isValidDateRange = useMemo(() => {
const isValidFormat = datePickerRef.current?.isValidValue(dateRange)

    const isValidDisplay =
        datePickerRef.current?.isValidDisplayValue(dateRange)

    const isInRange = datePickerRef.current?.isInValidRange(dateRange)
    return isValidFormat
}, [dateRange])

Do we have something specific for range picker to validate valid value against a format and that startDate is smaller than end date and while input is done or date range is copy pasted - we can check if its correct date range and month or date is not missing.

[Lukas742]

Hi @kmanisha29

The question as written is a bit unclear, and it’s hard to provide a meaningful answer without more details. There are several factors that could affect DateRangePicker validation, such as how dateRange is structured and how the ref is used.

The fastest way for us to help would be for you to create a reproducible example using the StackBlitz template, but any working example is fine.