diff --git a/packages/@react-stately/select/src/useSelectState.ts b/packages/@react-stately/select/src/useSelectState.ts
index 176cbf02bba..2bcf82787a9 100644
--- a/packages/@react-stately/select/src/useSelectState.ts
+++ b/packages/@react-stately/select/src/useSelectState.ts
@@ -46,7 +46,7 @@ export interface SelectState<T, M extends SelectionMode = 'single'> extends List
   readonly defaultValue: ValueType<M>,
 
   /** Sets the select value. */
-  setValue(value: Key | Key[] | null): void,
+  setValue(value: Key | readonly Key[] | null): void,
 
   /**
    * The value of the first selected item.
@@ -88,7 +88,7 @@ export function useSelectState<T extends object, M extends SelectionMode = 'sing
   let value = useMemo(() => {
     return props.value !== undefined ? props.value : (selectionMode === 'single' ? props.selectedKey : undefined) as ValueType<M>;
   }, [props.value, props.selectedKey, selectionMode]);
-  let [controlledValue, setControlledValue] = useControlledState<Key | Key[] | null>(value, defaultValue, props.onChange as any);
+  let [controlledValue, setControlledValue] = useControlledState<Key | readonly Key[] | null>(value, defaultValue, props.onChange as any);
   // Only display the first selected item if in single selection mode but the value is an array.
   let displayValue = selectionMode === 'single' && Array.isArray(controlledValue) ? controlledValue[0] : controlledValue;
   let setValue = (value: Key | Key[] | null) => {
diff --git a/packages/@react-types/select/src/index.d.ts b/packages/@react-types/select/src/index.d.ts
index 339f4163f9f..e30db1813cc 100644
--- a/packages/@react-types/select/src/index.d.ts
+++ b/packages/@react-types/select/src/index.d.ts
@@ -32,10 +32,11 @@ import {
 } from '@react-types/shared';
 
 export type SelectionMode = 'single' | 'multiple';
-export type ValueType<M extends SelectionMode> = M extends 'single' ? Key | null : Key[];
+export type ValueType<M extends SelectionMode> = M extends 'single' ? Key | null : readonly Key[];
+export type ChangeValueType<M extends SelectionMode> = M extends 'single' ? Key | null : Key[];
 type ValidationType<M extends SelectionMode> = M extends 'single' ? Key : Key[];
 
-export interface SelectProps<T, M extends SelectionMode = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps {
+export interface SelectProps<T, M extends SelectionMode = 'single'> extends CollectionBase<T>, Omit<InputBase, 'isReadOnly'>, ValueBase<ValueType<M>, ChangeValueType<M>>, Validation<ValidationType<M>>, HelpTextProps, LabelableProps, TextInputBase, FocusableProps {
   /**
    * Whether single or multiple selection is enabled.
    * @default 'single'
diff --git a/packages/react-aria-components/src/GridList.tsx b/packages/react-aria-components/src/GridList.tsx
index ec837fabffe..7711cf95e4e 100644
--- a/packages/react-aria-components/src/GridList.tsx
+++ b/packages/react-aria-components/src/GridList.tsx
@@ -156,7 +156,8 @@ function GridListInner<T extends object>({props, collection, gridListRef: ref}:
     // Only tab navigation is supported in grid layout.
     keyboardNavigationBehavior: layout === 'grid' ? 'tab' : keyboardNavigationBehavior,
     isVirtualized,
-    shouldSelectOnPressUp: props.shouldSelectOnPressUp
+    shouldSelectOnPressUp: props.shouldSelectOnPressUp,
+    disallowTypeAhead
   }, filteredState, ref);
 
   let selectionManager = filteredState.selectionManager;
diff --git a/packages/react-aria-components/src/HiddenDateInput.tsx b/packages/react-aria-components/src/HiddenDateInput.tsx
index 60fc3af948e..a7eeeb9c4d9 100644
--- a/packages/react-aria-components/src/HiddenDateInput.tsx
+++ b/packages/react-aria-components/src/HiddenDateInput.tsx
@@ -11,7 +11,7 @@
  */
 
 
-import {CalendarDate, CalendarDateTime, parseDate, parseDateTime} from '@internationalized/date';
+import {CalendarDate, CalendarDateTime, parseDate, parseDateTime, toCalendarDate, toCalendarDateTime, toLocalTimeZone} from '@internationalized/date';
 import {DateFieldState, DatePickerState, DateSegmentType} from 'react-stately';
 import React, {ReactNode} from 'react';
 import {useVisuallyHidden} from 'react-aria';
@@ -65,8 +65,15 @@ export function useHiddenDateInput(props: HiddenDateInputProps, state: DateField
   } else if (state.granularity === 'hour') {
     inputStep = 3600;
   }
-
-  let dateValue = state.value == null ? '' : state.value.toString();
+  
+  let dateValue = '';
+  if (state.value) {
+    if (state.granularity === 'day') {
+      dateValue = toCalendarDate(state.value).toString();
+    } else {
+      dateValue = toCalendarDateTime('timeZone' in state.value ? toLocalTimeZone(state.value) : state.value).toString();
+    }
+  }
 
   let inputType = state.granularity === 'day' ? 'date' : 'datetime-local';
 
diff --git a/packages/react-aria-components/stories/DateField.stories.tsx b/packages/react-aria-components/stories/DateField.stories.tsx
index 3c7ff7cdabc..133fc0602ab 100644
--- a/packages/react-aria-components/stories/DateField.stories.tsx
+++ b/packages/react-aria-components/stories/DateField.stories.tsx
@@ -94,8 +94,7 @@ export const DateFieldAutoFill = (props) => (
       {...props}
       name="bday"
       autoComplete="bday"
-      defaultValue={parseAbsoluteToLocal('2021-04-07T18:45:22Z')
-    }
+      defaultValue={parseAbsoluteToLocal('2021-04-07T18:45:22Z')}
       data-testid="date-field-example">
       <Label style={{display: 'block'}}>Date</Label>
       <DateInput className={styles.field} data-testid2="date-input">
diff --git a/packages/react-aria-components/stories/DatePicker.stories.tsx b/packages/react-aria-components/stories/DatePicker.stories.tsx
index 4838bcffe59..ae079959edf 100644
--- a/packages/react-aria-components/stories/DatePicker.stories.tsx
+++ b/packages/react-aria-components/stories/DatePicker.stories.tsx
@@ -14,6 +14,7 @@ import {action} from '@storybook/addon-actions';
 import {Button, Calendar, CalendarCell, CalendarGrid, DateInput, DatePicker, DateRangePicker, DateSegment, Dialog, Form, Group, Heading, Input, Label, Popover, RangeCalendar, TextField} from 'react-aria-components';
 import clsx from 'clsx';
 import {Meta, StoryFn} from '@storybook/react';
+import {parseAbsoluteToLocal} from '@internationalized/date';
 import React from 'react';
 import styles from '../example/index.css';
 import './styles.css';
@@ -211,7 +212,7 @@ export const DatePickerAutofill = (props) => (
       <Label>Name</Label>
       <Input name="firstName" type="name" id="name" autoComplete="name" />
     </TextField>
-    <DatePicker data-testid="date-picker-example" name="bday" autoComplete="bday" {...props}>
+    <DatePicker data-testid="date-picker-example" name="bday" autoComplete="bday" defaultValue={parseAbsoluteToLocal('2021-04-07T18:45:22Z')} {...props}>
       <Label style={{display: 'block'}}>Date</Label>
       <Group style={{display: 'inline-flex'}}>
         <DateInput className={styles.field}>
diff --git a/packages/react-aria-components/stories/GridList.stories.tsx b/packages/react-aria-components/stories/GridList.stories.tsx
index 0d8c197519a..b6f0174a509 100644
--- a/packages/react-aria-components/stories/GridList.stories.tsx
+++ b/packages/react-aria-components/stories/GridList.stories.tsx
@@ -68,15 +68,15 @@ export const GridListExample: GridListStory = (args) => (
       gridTemplate: args.layout === 'grid' ? 'repeat(3, 1fr) / repeat(3, 1fr)' : 'auto / 1fr',
       gridAutoFlow: 'row'
     }}>
-    <MyGridListItem>1,1 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>1,2 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>1,3 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>2,1 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>2,2 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>2,3 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>3,1 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>3,2 <Button>Actions</Button></MyGridListItem>
-    <MyGridListItem>3,3 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="1,1">1,1 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="1,2">1,2 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="1,3">1,3 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="2,1">2,1 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="2,2">2,2 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="2,3">2,3 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="3,1">3,1 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="3,2">3,2 <Button>Actions</Button></MyGridListItem>
+    <MyGridListItem textValue="3,3">3,3 <Button>Actions</Button></MyGridListItem>
   </GridList>
 );
 
@@ -103,7 +103,8 @@ GridListExample.story = {
   args: {
     layout: 'stack',
     escapeKeyBehavior: 'clearSelection',
-    shouldSelectOnPressUp: false
+    shouldSelectOnPressUp: false,
+    disallowTypeAhead: false
   },
   argTypes: {
     layout: {
@@ -634,3 +635,4 @@ export let GridListInModalPicker: StoryObj<typeof GridListInModalPickerRender> =
     }
   }
 };
+