input-date-time

PreviousNext
Docs
reuicomponent

Preview

Loading preview…
registry/default/components/input/date-time.tsx
'use client';

import { DateField, DateInput } from '@/registry/default/ui/datefield';
import { InputWrapper } from '@/registry/default/ui/input';
import { CalendarDays } from 'lucide-react';

export default function InputDemo() {
  return (
    <div className="w-80">
      <InputWrapper>
        <CalendarDays />
        <DateField granularity="minute" hourCycle={24}>
          <DateInput />
        </DateField>
      </InputWrapper>
    </div>
  );
}

Installation

npx shadcn@latest add @reui/input-date-time

Usage

import { InputDateTime } from "@/components/input-date-time"
<InputDateTime />