@manhphi1309/date-picker

A beautiful and powerful date picker component supporting ranges and time selection.

Subcomponents

This package provides the following components and types:

• DatePicker
• DateRange (type)

Dependencies

This package relies on:

• @manhphi1309/button
• @manhphi1309/calendar
• @manhphi1309/input
• @manhphi1309/input-group
• @manhphi1309/popover
• @manhphi1309/utils
• clsx
• date-fns
• lucide-react
• react-day-picker
• tailwind-merge

Installation

npm install @manhphi1309/date-picker

Usage Example

import * as React from "react"
import { DatePicker } from "@manhphi1309/date-picker"

export default function Example() {
  const [date, setDate] = React.useState<Date | undefined>(new Date())

  return (
    <DatePicker
      value={date}
      onChange={(val) => setDate(val as Date)}
      withInput={true}
      placeholder="Select a date"
    />
  )
}