blsmedia/bot
2
0
Fork 0
Code Activity

⚡ (date) Add min and max options to date input block

Browse Source 
Closes #792
This commit is contained in:
Baptiste Arnaud
2023-09-08 11:38:23 +02:00
parent bea3332c32
commit a2e24d08a0
12 changed files with 163 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
apps/builder/src/features/blocks/inputs/date/components/DateInputSettings.tsx
View File

@ -28,6 +28,14 @@ export const DateInputSettings = ({ options, onOptionsChange }: Props) => {
if (format === '') return onOptionsChange({ ...options, format: undefined })
onOptionsChange({ ...options, format })
}
const updateMin = (min: string) => {
if (min === '') return onOptionsChange({ ...options, min: undefined })
onOptionsChange({ ...options, min })
}
const updateMax = (max: string) => {
if (max === '') return onOptionsChange({ ...options, max: undefined })
onOptionsChange({ ...options, max })
}
return (
<Stack spacing={4}>
@ -57,6 +65,18 @@ export const DateInputSettings = ({ options, onOptionsChange }: Props) => {
defaultValue={options.labels.button}
onChange={updateButtonLabel}
/>
<TextInput
label="Min:"
defaultValue={options.min}
placeholder={options.hasTime ? 'YYYY-MM-DDTHH:mm' : 'YYYY-MM-DD'}
onChange={updateMin}
/>
<TextInput
label="Max:"
defaultValue={options.max}
placeholder={options.hasTime ? 'YYYY-MM-DDTHH:mm' : 'YYYY-MM-DD'}
onChange={updateMax}
/>
<TextInput
label="Format:"
defaultValue={options.format}