A bug in Shopify's Checkout UI extensions where the DateField component's disabled property was not disabled even when set to true

Extensions
1

A bug in Shopify’s Checkout UI extensions where the DateField component’s disabled property was not disabled even when set to true.

The following document states that you can disable the form by setting the disabled property to true, but in reality, setting it to true does nothing and the form simply functions as normal. There is a discrepancy between the content of the document and the actual behavior of the component. This is clearly a bug in the library.

2025-08-26 18.47.25
2025-08-26 18.47.251264×196 7.71 KB

function Extension() {
  return <DateField label="Select a date" disabled={true} />;
}
The DateField component still allows users to manually enter a date, even when that date is marked as disabled via the disabled prop
2

Hi @masa

I believe how you’ve implemented this component should result in the DateField being fully disabled. Have connected with our internal team for clarification.

3

Hi again @masa

It does look like this is a bug on our side - I’ll update here once this is resolved.

4

Hi again @masa

We recently shipped an update for this - can you check if you’re still seeing this issue on your side?

5

Hi.

I’ve confirmed that it’s fixed. Thanks.