feat: add autocomplete prop to rac datefield + datepicker #7773

yihuiliao · 2025-02-14T19:54:00Z

Excludes adding autocomplete prop to DateRangePicker since the only date spec that is really supported is "bday" and those don't really come in ranges. See spec: https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill

This is just a RAC change but we could add it to Spectrum probably.

✅ Pull Request Checklist:

Included link to corresponding React Spectrum GitHub Issue.
Added/updated unit tests and storybook for this change (for new code or code which already has tests).
Filled out test instructions.
Updated documentation (if it already exists for this component).
Looked at the Accessibility Practices for this feature - Aria Practices

📝 Test Instructions:

Personally, I've only been able to get this working in Safari. You need to ensure that you have your contact information filled out for it to work. Browser support for date autofill is spotty at best. See https://www.w3.org/WAI/GL/wiki/WCAG_2.1_Implementations/JF/research

When you type into the textfield, (you might need to click in the textfield a couple times), a popover should appear that looks something like this. Click the option with that says "fill birthday" and it should autofill

rspbot · 2025-02-14T20:09:48Z

Build successful! 🎉

rspbot · 2025-02-14T20:15:39Z

Build successful! 🎉

rspbot · 2025-02-18T22:48:47Z

Build successful! 🎉

packages/react-aria-components/src/HiddenDateInput.tsx

rspbot · 2025-02-22T01:41:48Z

Build successful! 🎉

yihuiliao · 2025-02-24T18:19:20Z

packages/react-aria-components/src/HiddenDateInput.tsx

+          // which is why in the code below we first set each segment to validate it before committing the new value. 
+          // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to 
+          // set a new value when the field itself is empty. 
+          if ('setSegment' in state) {


a little unsure if this is the direction we want to go. i left some comments in the code to explain what's going on but essentially the issue is that depending if the state is DateFieldState or DatePickerState, the setValue method behaves a bit differently.

i've tried validating each segment inside setValue in useDateFieldState but the problem is that we aren't able to differentiate between a newValue that is the placeholder date versus something external (like in this case). as a result, we end up committing the placeholder value as an actual value that we want to display. in any case, it causes some really strange behavior when trying to validate segments inside setValue so it worked better to do it here inside HiddenDateInput

If this was always inside a DateInput rather than sometimes in a DatePicker would it be easier? Both DateField and DatePicker include a DateInput, and this would simplify it to only need to set the value of the DateField which in turn would set the value of the DatePicker.

rspbot · 2025-03-12T01:00:05Z

Build successful! 🎉

snowystinger

It'd be good to add a test to make sure the hidden input doesn't end up in the submitted form data if that's possible.
Where did we land on that again btw?

snowystinger · 2025-03-12T03:07:23Z

packages/react-aria-components/src/HiddenDateInput.tsx

+  let dateSegments = ['day', 'month', 'year'];
+  let timeSegments = ['hour', 'minute', 'second'];
+  let granularityMap = {'hour': 1, 'minute': 2, 'second': 3};


these look like constants, better to declare them once at the module level

sounds good. i kept time segments tho since i actually change that based on the granularity

snowystinger · 2025-03-12T03:12:09Z

packages/react-aria-components/src/HiddenDateInput.tsx

+  useEffect(() => {
+    if (state.value == null) {
+      setDateValue('');
+    } else {
+      setDateValue(state.value.toString());
+    }
+  }, [state.value]);


any way we can derive the state in render instead of causing a second render anytime state.value changes?

rspbot · 2025-03-17T20:02:27Z

Build successful! 🎉

yihuiliao · 2025-03-17T23:50:08Z

It'd be good to add a test to make sure the hidden input doesn't end up in the submitted form data if that's possible. Where did we land on that again btw?

it's a little hacky but we set form='' on the hidden date input to prevent the hidden date input's value from being submitted. that way it's associated with a form with an id='' which doesn't exist.

as for a unit test, i couldn't think of a good way to do it. the value of a hidden date input should match the value of the input we submit in a form. the only way to test if it is coming from the right input is to purposefully mismatch the value of the hidden date input and the "actual" input and confirm that we are getting the value from the "actual" value

rspbot · 2025-03-18T00:05:00Z

Build successful! 🎉

snowystinger

looks pretty good to me

snowystinger

Tested as requested with Dashlane, it does not work, but it also doesn't work for Picker/Select for the state, so it (Dashlane) has some issues

rspbot · 2025-05-19T21:43:13Z

Build successful! 🎉

rspbot · 2025-06-17T18:39:25Z

Build successful! 🎉

devongovett · 2025-06-18T00:14:02Z

packages/@react-types/datepicker/src/index.d.ts

 export interface SpectrumDateRangePickerProps<T extends DateValue> extends Omit<AriaDateRangePickerProps<T>, 'isInvalid' | 'validationState'>, Omit<SpectrumDatePickerBase<T>, 'validate'> {}
-export interface SpectrumDateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'isInvalid' | 'validationState'>, SpectrumDateFieldBase<T> {}
+export interface SpectrumDateFieldProps<T extends DateValue> extends Omit<AriaDateFieldProps<T>, 'isInvalid' | 'validationState' | 'autoComplete'>, SpectrumDateFieldBase<T> {}


Not supported in Spectrum? Only RAC?

I figured we just do add it to RAC since that's where it was asked for but it should be pretty easy to add to Spectrum if we want to

devongovett · 2025-06-18T00:14:10Z

packages/react-aria-components/src/DateField.tsx

@@ -110,6 +111,11 @@ export const DateField = /*#__PURE__*/ (forwardRef as forwardRefType)(function D
        slot={props.slot || undefined}
        data-invalid={state.isInvalid || undefined}
        data-disabled={state.isDisabled || undefined} />
+      <HiddenDateInput 


I wonder if this could be combined with the existing hidden input in DateInput which is used for form submission? Seems like we could potentially only have one, assuming the formats are equivalent. Did you try that?

So I just tried that and one issue is that in order for autocomplete to work in Safari, the input cannot have <input hidden /> but that's what we have on the existing hidden input. So we'd have to change it so that it was visually hidden instead. I feel like this is the main issue since autocomplete with dates only works on Safari from what I've found.

The other issue I encountered is if <input type="text"/> (which our existing hidden input is) and the current date is filled, I can't use autocomplete to change the date. I'd have to delete parts of the date such that it becomes undefined in order to use autocomplete.

If we're willing to make these changes then we could probably combine them into one but not sure if that's what we'd want to do

devongovett · 2025-06-18T00:14:55Z

packages/react-aria-components/src/HiddenDateInput.tsx

+      onChange: (e) => {
+        let targetString = e.target.value.toString();
+        if (targetString) {
+          let targetValue: CalendarDateTime | CalendarDate = parseDateTime(targetString);


We should probably add a try...catch around these parsing functions in case the value is somehow invalid.

devongovett · 2025-06-18T00:17:18Z

packages/react-aria-components/src/HiddenDateInput.tsx

+          // which is why in the code below we first set each segment to validate it before committing the new value. 
+          // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to 
+          // set a new value when the field itself is empty. 
+          if ('setSegment' in state) {


If this was always inside a DateInput rather than sometimes in a DatePicker would it be easier? Both DateField and DatePicker include a DateInput, and this would simplify it to only need to set the value of the DateField which in turn would set the value of the DatePicker.

rspbot · 2025-06-18T21:03:40Z

Build successful! 🎉

devongovett

Let's get this in!

devongovett · 2025-07-11T00:22:38Z

packages/react-aria-components/src/HiddenDateInput.tsx

+            // which is why in the code below we first set each segment to validate it before committing the new value. 
+            // However, in DatePickerState, since we have to be able to commit values from the Calendar popover, we are also able to 
+            // set a new value when the field itself is empty.
+            if ('setSegment' in state) {


We could probably make state.setValue a bit smarter so it sets all the segments as valid when called from the outside. We can do that later.

devongovett · 2025-07-11T00:24:55Z

packages/react-aria-components/src/HiddenDateInput.tsx

+      type: inputType,
+      // We set the form prop to an empty string to prevent the hidden date input's value from being submitted
+      form: '',
+      name,


Do we need the name then if the input won't be submitted?

hmm good point. yeah i don't think we need it

okay nvm just tested it in safari and if we remove name, it doesn't autofill so i'll just leave it in even though it won't be submitted

rspbot · 2025-07-11T18:03:16Z

Build successful! 🎉

rspbot · 2025-07-11T18:03:18Z

## API Changes

react-aria-components

/react-aria-components:DateField

 DateField <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   children?: ChildrenOrFunction<DateFieldRenderProps>
   className?: ClassNameOrFunction<DateFieldRenderProps>
   defaultValue?: DateValue | null
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   maxValue?: DateValue | null
   minValue?: DateValue | null
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   placeholderValue?: DateValue | null
   shouldForceLeadingZeros?: boolean
   slot?: string | null
   style?: StyleOrFunction<DateFieldRenderProps>
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'native' | 'aria' = 'native'
   value?: DateValue | null
 }

/react-aria-components:DatePicker

 DatePicker <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   children?: ChildrenOrFunction<DatePickerRenderProps>
   className?: ClassNameOrFunction<DatePickerRenderProps>
   defaultOpen?: boolean
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
   form?: string
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isOpen?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   maxValue?: DateValue | null
   minValue?: DateValue | null
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   onOpenChange?: (boolean) => void
   pageBehavior?: PageBehavior = visible
   placeholderValue?: DateValue | null
   shouldCloseOnSelect?: boolean | () => boolean = true
   shouldForceLeadingZeros?: boolean
   slot?: string | null
   style?: StyleOrFunction<DatePickerRenderProps>
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'native' | 'aria' = 'native'
   value?: DateValue | null
 }

/react-aria-components:DateFieldProps

 DateFieldProps <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   children?: ChildrenOrFunction<DateFieldRenderProps>
   className?: ClassNameOrFunction<DateFieldRenderProps>
   defaultValue?: DateValue | null
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   maxValue?: DateValue | null
   minValue?: DateValue | null
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   placeholderValue?: DateValue | null
   shouldForceLeadingZeros?: boolean
   slot?: string | null
   style?: StyleOrFunction<DateFieldRenderProps>
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'native' | 'aria' = 'native'
   value?: DateValue | null
 }

/react-aria-components:DatePickerProps

 DatePickerProps <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   children?: ChildrenOrFunction<DatePickerRenderProps>
   className?: ClassNameOrFunction<DatePickerRenderProps>
   defaultOpen?: boolean
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
   form?: string
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isOpen?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   maxValue?: DateValue | null
   minValue?: DateValue | null
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   onOpenChange?: (boolean) => void
   pageBehavior?: PageBehavior = visible
   placeholderValue?: DateValue | null
   shouldCloseOnSelect?: boolean | () => boolean = true
   shouldForceLeadingZeros?: boolean
   slot?: string | null
   style?: StyleOrFunction<DatePickerRenderProps>
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'native' | 'aria' = 'native'
   value?: DateValue | null
 }

@react-aria/datepicker

/@react-aria/datepicker:AriaDateFieldProps

 AriaDateFieldProps <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   defaultValue?: DateValue | null
   description?: ReactNode
   errorMessage?: ReactNode | (ValidationResult) => ReactNode
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   label?: ReactNode
   maxValue?: DateValue | null
   minValue?: DateValue | null
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   placeholderValue?: DateValue | null
   shouldForceLeadingZeros?: boolean
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'aria' | 'native' = 'aria'
   value?: DateValue | null
 }

/@react-aria/datepicker:AriaDatePickerProps

 AriaDatePickerProps <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   defaultOpen?: boolean
   defaultValue?: DateValue | null
   description?: ReactNode
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
   form?: string
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isOpen?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   label?: ReactNode
   maxValue?: DateValue | null
   minValue?: DateValue | null
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   onOpenChange?: (boolean) => void
   pageBehavior?: PageBehavior = visible
   placeholderValue?: DateValue | null
   shouldForceLeadingZeros?: boolean
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'aria' | 'native' = 'aria'
   value?: DateValue | null
 }

/@react-aria/datepicker:AriaDateFieldOptions

 AriaDateFieldOptions <T extends DateValue> {
   aria-describedby?: string
   aria-details?: string
   aria-label?: string
   aria-labelledby?: string
+  autoComplete?: string
   autoFocus?: boolean
   description?: ReactNode
   errorMessage?: ReactNode | (ValidationResult) => ReactNode
   form?: string
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   id?: string
   inputRef?: RefObject<HTMLInputElement | null>
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   label?: ReactNode
   name?: string
   onBlur?: (FocusEvent<Target>) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   shouldForceLeadingZeros?: boolean
   validationBehavior?: 'aria' | 'native' = 'aria'
 }

@react-stately/datepicker

/@react-stately/datepicker:DateFieldStateOptions

 DateFieldStateOptions <T extends DateValue = DateValue> {
+  autoComplete?: string
   autoFocus?: boolean
   createCalendar: (CalendarIdentifier) => Calendar
   defaultOpen?: boolean
   defaultValue?: DateValue | null
   errorMessage?: ReactNode | (ValidationResult) => ReactNode
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isOpen?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   label?: ReactNode
   locale: string
   maxGranularity?: 'year' | 'month' | Granularity = 'year'
   maxValue?: DateValue | null
   minValue?: DateValue | null
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   onOpenChange?: (boolean) => void
   pageBehavior?: PageBehavior = visible
   placeholderValue?: DateValue | null
   shouldForceLeadingZeros?: boolean
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'aria' | 'native' = 'aria'
   value?: DateValue | null
 }

/@react-stately/datepicker:DatePickerStateOptions

 DatePickerStateOptions <T extends DateValue> {
+  autoComplete?: string
   autoFocus?: boolean
   defaultOpen?: boolean
   defaultValue?: DateValue | null
   description?: ReactNode
   firstDayOfWeek?: 'sun' | 'mon' | 'tue' | 'wed' | 'thu' | 'fri' | 'sat'
   granularity?: Granularity
   hideTimeZone?: boolean = false
   hourCycle?: number | number
   isDateUnavailable?: (DateValue) => boolean
   isDisabled?: boolean
   isInvalid?: boolean
   isOpen?: boolean
   isReadOnly?: boolean
   isRequired?: boolean
   label?: ReactNode
   maxValue?: DateValue | null
   minValue?: DateValue | null
   onBlur?: (FocusEvent<Target>) => void
   onChange?: (MappedDateValue<DateValue> | null) => void
   onFocus?: (FocusEvent<Target>) => void
   onFocusChange?: (boolean) => void
   onKeyDown?: (KeyboardEvent) => void
   onKeyUp?: (KeyboardEvent) => void
   onOpenChange?: (boolean) => void
   pageBehavior?: PageBehavior = visible
   placeholderValue?: DateValue | null
   shouldCloseOnSelect?: boolean | () => boolean = true
   shouldForceLeadingZeros?: boolean
   validate?: (MappedDateValue<DateValue>) => ValidationError | boolean | null | undefined
   validationBehavior?: 'aria' | 'native' = 'aria'
   value?: DateValue | null
 }

yihuiliao added 2 commits February 14, 2025 11:45

add hidden date input component

213b100

add stories

cdc178a

yihuiliao changed the title ~~wip: Datepicker autocomplete~~ wip: add autocomplete prop to rac datefield + datepicker Feb 14, 2025

yihuiliao added 2 commits February 14, 2025 11:59

fix lint

946bf7b

fix story

e69098e

add comments, fix types

264d098

yihuiliao commented Feb 18, 2025

View reviewed changes

packages/react-aria-components/src/HiddenDateInput.tsx Outdated Show resolved Hide resolved

yihuiliao added 3 commits February 19, 2025 15:26

add test (not finished)

1508188

fix types

da9fcc2

add test

18e401d

yihuiliao commented Feb 24, 2025

View reviewed changes

yihuiliao marked this pull request as ready for review February 24, 2025 18:19

yihuiliao changed the title ~~wip: add autocomplete prop to rac datefield + datepicker~~ feat: add autocomplete prop to rac datefield + datepicker Feb 24, 2025

Merge branch 'main' into datepicker-autocomplete

c919e18

This comment was marked as off-topic.

Sign in to view

snowystinger reviewed Mar 12, 2025

View reviewed changes

yihuiliao added 2 commits March 17, 2025 12:18

Merge branch 'main' into datepicker-autocomplete

ee0fd85

fix lint

353b8a8

review comments

2155f82

snowystinger previously approved these changes Mar 18, 2025

View reviewed changes

yihuiliao added the in sprint label Mar 19, 2025

LFDanLu added this to RSP Component Milestones Mar 19, 2025

github-project-automation bot moved this to 🩺 To Triage in RSP Component Milestones Mar 19, 2025

LFDanLu moved this from 🩺 To Triage to 👀 In Review in RSP Component Milestones Mar 19, 2025

snowystinger self-assigned this Mar 19, 2025

snowystinger reviewed Mar 24, 2025

View reviewed changes

Merge branch 'main' into datepicker-autocomplete

0be6e7d

Merge branch 'main' into datepicker-autocomplete

b2f4798

yihuiliao dismissed snowystinger’s stale review via b2f4798 June 17, 2025 18:29

snowystinger previously approved these changes Jun 17, 2025

View reviewed changes

devongovett reviewed Jun 18, 2025

View reviewed changes

add try catch

3a78310

yihuiliao dismissed snowystinger’s stale review via 3a78310 June 18, 2025 20:54

snowystinger previously approved these changes Jun 25, 2025

View reviewed changes

LFDanLu added the release label Jul 9, 2025

devongovett previously approved these changes Jul 11, 2025

View reviewed changes

Merge branch 'main' into datepicker-autocomplete

b0e4245

yihuiliao dismissed stale reviews from devongovett and snowystinger via b0e4245 July 11, 2025 17:54

devongovett approved these changes Jul 11, 2025

View reviewed changes

reidbarber approved these changes Jul 11, 2025

View reviewed changes

yihuiliao added this pull request to the merge queue Jul 11, 2025

Merged via the queue into main with commit cf0b5e5 Jul 11, 2025
31 checks passed

yihuiliao deleted the datepicker-autocomplete branch July 11, 2025 21:25

github-project-automation bot moved this from 👀 In Review to ✅ Done in RSP Component Milestones Jul 11, 2025

feat: add autocomplete prop to rac datefield + datepicker #7773

feat: add autocomplete prop to rac datefield + datepicker #7773

Uh oh!

Conversation

yihuiliao commented Feb 14, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Pull Request Checklist:

📝 Test Instructions:

Uh oh!

rspbot commented Feb 14, 2025

Uh oh!

rspbot commented Feb 14, 2025

Uh oh!

rspbot commented Feb 18, 2025

Uh oh!

Uh oh!

rspbot commented Feb 22, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rspbot commented Mar 12, 2025

Uh oh!

This comment was marked as off-topic.

Uh oh!

snowystinger left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rspbot commented Mar 17, 2025

Uh oh!

yihuiliao commented Mar 17, 2025

Uh oh!

rspbot commented Mar 18, 2025

Uh oh!

snowystinger left a comment

Choose a reason for hiding this comment

Uh oh!

snowystinger left a comment

Choose a reason for hiding this comment

Uh oh!

rspbot commented May 19, 2025

Uh oh!

rspbot commented Jun 17, 2025

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yihuiliao Jun 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yihuiliao Jun 18, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

rspbot commented Jun 18, 2025

Uh oh!

devongovett left a comment

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

yihuiliao Jul 11, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

yihuiliao commented Feb 14, 2025 •

edited

Loading

yihuiliao Jun 18, 2025 •

edited

Loading

yihuiliao Jun 18, 2025 •

edited

Loading

yihuiliao Jul 11, 2025 •

edited

Loading