Tùy chọn Thời gian

Cấu hình hoạt động của bảng điều khiển thời gian thông qua prop time.

Định dạng 12 giờ

Chuyển sang định dạng 12 giờ với nút bật/tắt AM/PM.

import { useState } from "react";
import { TimePicker } from "react-date-range-picker-tailwind3";

function TwelveHour() {
  const [value, setValue] = useState<Date | null>(null);

  return <TimePicker value={value} onChange={setValue} time={{ hourFormat: "12" }} />;
}

Bước phút

Đặt bước tăng cho phút. Hữu ích cho việc lập lịch theo các khoảng thời gian cố định.

import { useState } from "react";
import { TimePicker } from "react-date-range-picker-tailwind3";

function MinuteStep() {
  const [value, setValue] = useState<Date | null>(null);

  return <TimePicker value={value} onChange={setValue} time={{ minuteStep: 15 }} />;
}

Độ chính xác giây

Hiển thị cột giây bằng cách đặt precision thành "second".

import { useState } from "react";
import { TimePicker } from "react-date-range-picker-tailwind3";

function SecondPrecision() {
  const [value, setValue] = useState<Date | null>(null);

  return <TimePicker value={value} onChange={setValue} time={{ precision: "second" }} />;
}