Date Picker

Enables user to select a date.

Component Source

Installation

NOTE

The component depends on the @internationalized/date package, which solves a lot of the problems that come with working with dates and times in JavaScript.

We highly recommend reading through the documentation for the package to get a solid feel for how it works, and you'll need to install it in your project to use the date-related components.

Install the date package.

npm add @internationalized/date

Install the component from your command line.

php artisan ui:add date-picker

Usage

<template>
  <DatePicker />
</template>

<script setup lang="ts">
import { DatePicker } from '@/Components/DatePicker'
</script>