@kadconsulting/dry/dist/next/esm/src/components/TimePicker/TimePicker.js

KAD Reusable Component Library

import { jsx as _jsx } from "react/jsx-runtime";
import { useState, useEffect } from 'react';
import { convertToDenverTime, formatTimeString } from '../../utils/dateUtils';
import './TimePicker.scss';
const TimePicker = ({ value, onChange, disabled, }) => {
    const [selectedTime, setSelectedTime] = useState(value || '');
    useEffect(() => {
        setSelectedTime(value || '');
    }, [value]);
    const handleTimeChange = (event) => {
        const newValue = event.target.value;
        setSelectedTime(newValue);
        if (newValue !== '') {
            const [hours, minutes] = newValue.split(':');
            const newTime = new Date();
            newTime.setHours(parseInt(hours, 10));
            newTime.setMinutes(parseInt(minutes, 10));
            const denverTime = convertToDenverTime(newTime);
            onChange(formatTimeString(denverTime));
        }
        else {
            onChange('');
        }
    };
    return (_jsx("div", { className: 'time-picker', children: _jsx("input", { type: 'time', className: 'time-picker__input', value: selectedTime, onChange: handleTimeChange, disabled: disabled }) }));
};
export default TimePicker;
//# sourceMappingURL=TimePicker.js.map