Form component Datepicker. Add option to add clear input button

[CodeTechNL]

When you have a optional date field, it's not user friendly to clear the input data. A small X button or 'remove' button would be handy

[MuhamadMwaas]

up

[carvemerson]

A little late but I hope it can help other devs. You can archive this by using the suffixAction and a custom action

Forms\Components\DatePicker::make('expires_at')
        ->native(false)
        ->suffixAction(
            Forms\Components\Actions\Action::make('clear')
                ->action(fn(Forms\Set $set) => $set('expires_at', null))
                ->tooltip('Clear Expiration Date')
                ->icon('heroicon-o-x-mark')
                ->label('Clear'))

Then you will see:

[CodeTechNL]

That makes a extra request for only clearing a input which can be done by JS. As a tmp solution you could use indeed a action.

[ariaieboy]

@danharrin
We have something similar to this for select inputs it's a nice feature to have for all form inputs. a clear button so clear the state to default or placeholder.

[mattlanham]

+1