base-input-date-time

PreviousNext
Docs
reuicomponent

Preview

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

import { InputWrapper } from '@/registry/default/ui/base-input';
import { DateField, DateInput } from '@/registry/default/ui/datefield';
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/base-input-date-time

Usage

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