angular-material-components
angular-material-components copied to clipboard
h2qutc
Confirmation checkbox missing on the ngx dateTime picker
Does anyone have any idea why my date time picker looks like this?
I am using a custom formatter class which implements the NgxMatDateAdaptor<Date> but even if I dont use this in providers then I still have the same UI issue. What could cause the tickbox on the UI to go completely missing?
Am using version 16 of both Angular and the DateTimePicker. Thanks
Hi @LukePerrin I don't understand the problem that you got. Can you explain more plz or provide an example in https://stackblitz.com/ so that I can help you ?
Well @h2qutc the issue is the confirmation or checkbox to confirm your selection just isnt being rendered. Sometimes I also get this issue where the whole month is rendered like this.. but was intermittent. It would happen a few times and then look ok again.. :/
Got the same issue. The confirmation button is missing after upgrading to 16.0.0.
For me its v15, Angular is also at v15. But if I try v9 of the datetime picker I get the latter issue of the missing days on the month.. which is fixed in v15 but then i get a missing confirmation.
@LukePerrin @wojciechpolak from version v16, the confirmation button is used in different way. Can you check the documentation at this link https://h2qutc.github.io/angular-material-components/#/datetimepicker (section Datetime picker with action buttons)
You're right @h2qutc Adding ngx-mat-datepicker-actions fixed it. However, with touchUi=true, they are slightly off when viewed on a desktop browser, but they look correct when viewed on mobile. In the previous versions, touchUi=true looked fine on both. Can this be improved a little bit?
@h2qutc before when you set the min value of the input the confirmation tickbox would reflect that and grey out if you tried to select a value smaller than the min value. But now despite the min value the Apply button doesnt change and you can just override it.
@h2qutc the valid status of the picker updates if you go smaller than min value but before it was better as it validated at the point of cycling the hours/minutes and didnt wait till click the tickbox. Usually a time picker will grey out the ones you are not allowed to select.
@LukePerrin was facing the same issue with the date buttons on a mobile device. Any clue how to fix this issue?
@h2qutc We are facing the same issue with min/max values after upgrating to 16.0.1 with ANgular 16 Version
As temporary solution i went back to v9.0.0. Currently with angular 16.2.3 i didn't notice drawbacks. ( except for already known #348 )
