cfbender/snowballtools-base
1
0
Fork 0
forked from cerc-io/snowballtools-base
Code Pull Requests Activity

⚡️ feat: update date picker input icon

Browse Source
This commit is contained in:
Wahyu Kurniawan 2024-03-05 05:06:53 +07:00
parent e9f32ff668
commit d9bae720d7
No known key found for this signature in database
GPG Key ID: 040A1549143A8E33
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
packages/frontend/src/components/shared/DatePicker/DatePicker.tsx
View File

@ -3,7 +3,10 @@ import { Input, InputProps } from 'components/shared/Input';
import * as Popover from '@radix-ui/react-popover';
import { datePickerTheme } from './DatePicker.theme';
import { Calendar, CalendarProps } from 'components/shared/Calendar';
import { CalendarIcon } from 'components/shared/CustomIcon';
import {
CalendarIcon,
ChevronGrabberHorizontal,
} from 'components/shared/CustomIcon';
import { Value } from 'react-calendar/dist/cjs/shared/types';
import { format } from 'date-fns';
@ -64,7 +67,7 @@ export const DatePicker = ({
}
return format(value, 'dd/MM/yyyy');
}, [value, onReset]);
console.log(renderValue);
/**
* Handles the selection of a date from the calendar.
*/
@ -86,7 +89,8 @@ export const DatePicker = ({
<Popover.Trigger className="w-full">
<Input
{...props}
rightIcon={<CalendarIcon onClick={() => setOpen(true)} />}
leftIcon={<CalendarIcon onClick={() => setOpen(true)} />}
rightIcon={<ChevronGrabberHorizontal />}
readOnly
placeholder="Select a date..."
value={renderValue}