Filament•3mo ago

DatePicker type moth not working in Firefox and Safari

Friends, I have a problem with a component, in which I need to insert a month and year, for this reason I am using texInput type month, and in Chrome it works perfectly, but it gives me problems in Firefox and Safari, in the case of Chrome at Clicking gives me the option to choose month and year, but in Firefox and Safari it becomes just another input, it doesn't work as I need it, any solution to this problem?

Forms\Components\TextInput::make('mescobro')
    ->type('month')
    ->label('Mes en que se cobrara')
    ->required(),

Forms\Components\TextInput::make('mescobro')
    ->type('month')
    ->label('Mes en que se cobrara')
    ->required(),

Thank you so much

2 Replies

skashizadeh•3mo ago

as you can see in here https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/month#browser_compatibility firefox / safari does not support type month. so i think you can use jquery or use two different select field ( one for month and the other for year )

MDN Web Docs

- HTML: HyperText Markup Language | MDN

elements of type month create input fields that let the user enter a month and year allowing a month and year to be easily entered. The value is a string whose value is in the format "YYYY-MM", where YYYY is the four-digit year and MM is the month number.

TranceCode•3mo ago

yeah bro, i saw that! but i don't know if a filament component have a solution for this problem!

Gaming

Programming

DatePicker type moth not working in Firefox and Safari