Создать ввод времени в reactjs,

Question

Мне нужно создать такие поля ввода и использовать их в компоненте реакции. Есть ли библиотека для создания таких. Любая помощь будет оценена.

Answer 1

Если вы хотите создать надежный инструмент выбора даты, вы можете использовать следующий код в своем компоненте:

const [from, setFrom] = useState("0");
const [to, setTo] = useState("0");
  return(
<select id="from" onChange={t=> setFrom(t)} >
 <option value="0">Select Time</option>
 <option value="12">12 PM</option>
 .
 .
 . 
 <option value="11">11 AM</option>
</select>

{this.state.from != "0" && 
<select id="toDate" onChange={t=> setTo(t)} >
<option value="0">Select Time</option>
 <option value="12">12 PM</option>
 .
 .
 . 
 <option value="11">11 AM</option>
</select>
 }
);

Я добавил условие, чтобы проверить, выбрано ли время от времени до видимого времени, чтобы вы могли состояние при выбранном времени.