The DateField component still allows users to manually enter a date, even when that date is marked as disabled via the disabled prop

Extensions
1

The date is disabled but still can input

8546
85461124×794 24.6 KB

Package:
“ui-extensions”: “2025.1.0”,
”ui-extensions-react”: “2025.1.0”,

2

Hi @Chi_n_Nguy_n_Van

Can you share the code you’re using where you’re setting disabled to true? It sounds like this previous issue but that was resolved last month.

3

Thank you for your response.

Here is the code I used for preview image above:

    <DateField
      label='Date picker (optional) (yyyy-mm-dd)'
      onChange={(value) => setSelectedDate(value)}
      onYearMonthChange={(value) => handleYearMonthChange(value)}
      disabled={['2025-09-22', '2025-09-23', '2025-09-24', '2025-09-25']}
      yearMonth={selectedYearMonth}
      value={selectedDate}
    />
4

Hi again - sorry for the delay in this, if you use a more recent version, are you still seeing this issue?

5

I updated to version 2025.04.1, and still have this issue.

6

However, I figured it out by using the readonly prop to disable input on the text field.