22 lines
661 B
TypeScript
22 lines
661 B
TypeScript
import React, {ChangeEvent} from "react";
|
|
|
|
interface DatePickerProps {
|
|
date: string;
|
|
setDate: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
}
|
|
|
|
export default function DatePicker(
|
|
{
|
|
setDate,
|
|
date
|
|
}: DatePickerProps) {
|
|
return (
|
|
<input
|
|
type="date"
|
|
value={date}
|
|
onChange={setDate}
|
|
className="bg-secondary/50 text-text-primary px-4 py-2.5 rounded-xl border border-secondary/50 focus:border-primary focus:ring-4 focus:ring-primary/20 focus:bg-secondary hover:bg-secondary hover:border-secondary outline-none transition-all duration-200"
|
|
/>
|
|
)
|
|
}
|