Required Field

Use HTML5 required attribute for validation

Required Input

Add required attribute for browser validation:

Required Field

Try submitting without selecting time

import { Timepicker } from "timepicker-ui-react";
import { useState } from "react";

function App() {
  const [time, setTime] = useState("");

  return (
    <form onSubmit={(e) => {
      e.preventDefault();
      alert(`Submitted: ${time}`);
    }}>
      <Timepicker
        name="time"
        required
        value={time}
        onUpdate={(data) => {
          setTime(`${data.hour}:${data.minutes} ${data.type}`);
        }}
      />
      <button type="submit">Submit</button>
    </form>
  );
}

HTML5 Attributes

Timepicker supports all standard input attributes:

<Timepicker
  name="appointment-time"
  required
  disabled={false}
  readOnly={false}
  placeholder="Select time"
/>