feat: add localExpireAt state to AccessSettingsCard for dynamic expiration date handling

Author: kastov

src/shared/ui/forms/users/forms-components/access-settings-card.tsx

@@ -33,6 +33,7 @@ export const AccessSettingsCard = <T extends CreateUserCommand.Request | UpdateU
     const { cardVariants, motionWrapper, form, internalSquads, externalSquads } = props
 
     const [searchQuery, setSearchQuery] = useState('')
+    const [localExpireAt, setLocalExpireAt] = useState<Date | undefined>(undefined)
 
     const MotionWrapper = motionWrapper
 
@@ -46,6 +47,10 @@ export const AccessSettingsCard = <T extends CreateUserCommand.Request | UpdateU
         )
     }, [internalSquads, searchQuery])
 
+    form.watch('expireAt', (value) => {
+        setLocalExpireAt(value.value)
+    })
+
     return (
         <MotionWrapper variants={cardVariants}>
             <Fieldset
@@ -129,15 +134,21 @@ export const AccessSettingsCard = <T extends CreateUserCommand.Request | UpdateU
                         }}
                         presets={[
                             {
-                                value: dayjs().add(1, 'month').format('YYYY-MM-DD HH:mm:ss'),
+                                value: dayjs(localExpireAt)
+                                    .add(1, 'month')
+                                    .format('YYYY-MM-DD HH:mm:ss'),
                                 label: t('create-user-modal.widget.1-month')
                             },
                             {
-                                value: dayjs().add(3, 'months').format('YYYY-MM-DD HH:mm:ss'),
+                                value: dayjs(localExpireAt)
+                                    .add(3, 'months')
+                                    .format('YYYY-MM-DD HH:mm:ss'),
                                 label: t('create-user-modal.widget.3-months')
                             },
                             {
-                                value: dayjs().add(1, 'year').format('YYYY-MM-DD HH:mm:ss'),
+                                value: dayjs(localExpireAt)
+                                    .add(1, 'year')
+                                    .format('YYYY-MM-DD HH:mm:ss'),
                                 label: t('create-user-modal.widget.1-year')
                             },
                             {