More Inputs

These inputs are based on the standard Input field

Sponsors

If you 💗 sponsor this package 🔗 you have access to all HTML5 input types with a custom icon set. This example corresponds to the image in the "Preview" tab.

Observe that the Chrome browser has support for all date field types but other browsers may give you a non-user-friendly input.

Color::make('Color')->default("#531313")->fieldWidth('w-full sm:max-w-sm'),
DateInput::make('Date Input')->fieldWidth('w-full sm:max-w-sm')->placeholder('yyyy-mm-dd'),
TimeInput::make('Time Input')->fieldWidth('w-full sm:max-w-sm'),
DateTimeLocal::make('Date Time Local')->placeholder(now()->toDateTimeLocalString('minute'))->fieldWidth('w-full sm:max-w-sm')->suffix('date'),
Week::make('Week')->default('2021-W12')->fieldWidth('w-full sm:max-w-sm'),
Month::make('Month')->default('2020-11')->fieldWidth('w-full sm:max-w-sm'),
Email::make('Email')->fieldWidth('w-full sm:max-w-sm')->rules('required|email'),
Number::make('Number')->wire('defer')->fieldWidth('w-full sm:max-w-sm')->suffix('.00'),
Password::make('Password')->fieldWidth('w-full sm:max-w-sm'),
Number::make('Mobile')->fieldWidth('w-full sm:max-w-sm')->rules('required'),