fix: form id example

aboveyunhai · Jan 22, 2024 · dc0e91f · dc0e91f
1 parent ca5b4c5
commit dc0e91f
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/example/index.tsx b/example/index.tsx
@@ -152,6 +152,7 @@ const App = () => {
                   <Flex alignItems={'center'} gap={2}>
                     <Box marginRight={'1rem'}>closeOnSelect:</Box>
                     <Switch
+                      name="closeOnSelect-switch"
                       isChecked={isSingleChecked}
                       onChange={(e) => setSingleCheck(e.currentTarget.checked)}
                     />
@@ -185,7 +186,7 @@ const App = () => {
                     />
                   </Flex>
                   <Flex gap="1rem" alignItems="center">
-                    <label htmlFor={`popover-trigger-input`}>Input:</label>
+                    <label htmlFor={`input`}>Input:</label>
                     <SingleDatepicker
                       id="input"
                       triggerVariant="input"
@@ -208,6 +209,7 @@ const App = () => {
                   <Flex alignItems={'center'} gap={2}>
                     <Box marginRight={'1rem'}>closeOnSelect:</Box>
                     <Switch
+                      name="closeOnSelect-switch"
                       isChecked={isRangeChecked}
                       onChange={(e) => setRangeCheck(e.currentTarget.checked)}
                     />
@@ -232,9 +234,7 @@ const App = () => {
                     />
                   </Flex>
                   <Flex gap="1rem" alignItems="center">
-                    <label htmlFor={`popover-trigger-input-range`}>
-                      Input:
-                    </label>
+                    <label htmlFor={`input-range`}>Input:</label>
                     <RangeDatepicker
                       id="input-range"
                       triggerVariant="input"
@@ -554,7 +554,6 @@ const RangeCalendarDemo = () => {
 const Section: React.FC<React.PropsWithChildren<{ title?: string }>> = ({
   title,
   children,
-  sectionProps,
 }) => (
   <VStack spacing={3} alignItems="flex-start" padding={'0.25rem'}>
     <Heading size="md">{title}</Heading>

diff --git a/src/range.tsx b/src/range.tsx
@@ -226,6 +226,7 @@ export const RangeDatepicker: React.FC<RangeDatepickerProps> = (props) => {
         <Flex position="relative" alignItems={'center'}>
           <PopoverAnchor>
             <Input
+              id={id}
               onKeyPress={(e) => {
                 if (e.key === ' ' && !isOpen) {
                   e.preventDefault();

diff --git a/src/single.tsx b/src/single.tsx
@@ -189,13 +189,13 @@ export const SingleDatepicker: React.FC<SingleDatepickerProps> = (props) => {
         <Flex position="relative" alignItems={'center'}>
           <PopoverAnchor>
             <Input
+              id={id}
               onKeyPress={(e) => {
                 if (e.key === ' ' && !isOpen) {
                   e.preventDefault();
                   onOpen();
                 }
               }}
-              id={id}
               autoComplete="off"
               width={'10rem'}
               disabled={disabled}