v2 beta docs. Upgrade guide Back to v1
maryUI

Date Time

Native HTML

If you have no constraints regarding dates' selection, just stick with this approach, which renders nice natively on all devices and covers most of the use cases.

For advanced date picker see the Date Picker component.
My date
Date + Time 
<x-datetime label="My date" wire:model="myDate" />
 
{{-- Notice `type="datetime-local"` --}}
<x-datetime label="Date + Time" wire:model="myDate" type="datetime-local" />
 
<span></span> 
{{-- Notice `type="time"` --}}
<x-datetime label="Time" wire:model="myDate" icon="o-calendar" type="time" inline />
Made with by Robson Tenório and contributors.