import { TimePicker, TimePickerProps } from 'antd';

type TaskRowDueTimeProps = {
  dueTime: string;
};

const TaskRowDueTime = ({ dueTime }: TaskRowDueTimeProps) => {
  // function to trigger time change
  const onTimeChange: TimePickerProps['onChange'] = (time, timeString) => {
    console.log(time, timeString);
  };

  return (
    <TimePicker
      format="HH:mm"
      changeOnScroll
      onChange={onTimeChange}
      style={{ border: 'none', background: 'transparent' }}
    />
  );
};

export default TaskRowDueTime;
