fix: add hasError props

This commit is contained in:
ValdiANS
2026-05-19 12:11:07 +07:00
parent 3839b46edc
commit 7b5049165a
@@ -20,6 +20,7 @@ interface DatePickerProps {
disabled?: boolean; disabled?: boolean;
placeholder?: string; placeholder?: string;
formatDisplay?: (date: string) => string; formatDisplay?: (date: string) => string;
hasError?: boolean;
} }
export function DatePicker({ export function DatePicker({
@@ -28,6 +29,7 @@ export function DatePicker({
disabled = false, disabled = false,
placeholder = 'Select date', placeholder = 'Select date',
formatDisplay, formatDisplay,
hasError = false,
}: DatePickerProps) { }: DatePickerProps) {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [currentMonth, setCurrentMonth] = useState(() => { const [currentMonth, setCurrentMonth] = useState(() => {
@@ -154,7 +156,7 @@ export function DatePicker({
<Button <Button
variant='outline' variant='outline'
disabled={disabled} disabled={disabled}
className='w-full justify-start text-left font-normal border-gray-200 hover:bg-gray-50' className={`w-full justify-start text-left font-normal hover:bg-gray-50 ${hasError ? 'border-red-500 focus:ring-red-500' : 'border-gray-200'}`}
> >
<CalendarIcon className='mr-2 h-4 w-4 text-gray-500' /> <CalendarIcon className='mr-2 h-4 w-4 text-gray-500' />
{date ? ( {date ? (