Datepicker

Allows the user to select a date from a calendar.

Source code

Click here to see the source code for this component on GitHub. Feel free to copy it and adjust it for your own use.

npx ui-thing@latest add datepicker

You can optionally configure the vcalendar module in your nuxt.config.js file:

vcalendar: {
  calendarOptions: {
    masks: {
      weekdays: "WW",
    },
  },
},

Date Field

Enables users to input specific dates within a designated field.

Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.