Date ReelProv1.0.0

"use client";

import * as React from "react";
import { DateReel } from "@/components/ui/notchset/date-reel";

export function SendLater({ schedule }: { schedule: (when: Date) => Promise<void> }) {
  const [now] = React.useState(() => new Date());
  const [when, setWhen] = React.useState<Date | undefined>();
  return (
    <div className="grid gap-2">
      <DateReel now={now} onValueChange={setWhen} onSchedule={schedule} />
      <span className="font-mono text-xs">{when ? `SENDS ${when.toUTCString()}` : "PICK A TIME"}</span>
    </div>
  );
}