admin/twenty
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

New Datetime field picker (#4907)

Browse Source 
### Description
New Datetime field picker

### Refs
https://github.com/twentyhq/twenty/issues/4376

### Demo


https://github.com/twentyhq/twenty/assets/140154534/32656323-972c-413a-9986-a78efffae1b4


Fixes #4376

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Matheus <matheus_benini@hotmail.com>
Co-authored-by: Lucas Bordeau <bordeau.lucas@gmail.com>
Co-authored-by: Charles Bochet <charles@twenty.com>
This commit is contained in:
gitstart-app[bot]
2024-04-13 19:07:51 +02:00
committed by GitHub
parent 464a2d5998
commit efcb5dc6d4
15 changed files with 468 additions and 98 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/twenty-front/src/modules/ui/field/input/components/DateInput.tsx
View File

@ -41,9 +41,9 @@ export type DateInputProps = {
export const DateInput = ({
value,
hotkeyScope,
onEnter,
onEscape,
hotkeyScope,
onClickOutside,
clearable,
onChange,
@ -65,7 +65,7 @@ export const DateInput = ({
],
});
const handleChange = (newDate: Date) => {
const handleChange = (newDate: Date | null) => {
setInternalValue(newDate);
onChange?.(newDate);
};
@ -96,6 +96,7 @@ export const DateInput = ({
}}
clearable={clearable ? clearable : false}
isDateTimeInput={isDateTimeInput}
onClickOutside={onClickOutside}
/>
</StyledCalendarContainer>
</div>