Tùy chọn Thời gian

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

Độ chính xác đến Giây

Hiển thị cột giây cho cả bảng điều khiển thời gian bắt đầu và kết thúc.

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

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

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

Định dạng 12 giờ

Chuyển sang định dạng 12 giờ với nút chuyển đổi AM/PM cho cả bảng điều khiển thời gian bắt đầu và kết thúc.

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

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

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