Clearing the date picker and accept changes

[Jacques_Hache]

When I use the ‘set’ button on a range date picker I can only save the modifications if there are a start and end date. How can I allow a user to accept the changes after having nullified/emptied the start and/or end dates?

I don’t seem to be able to find a option that allows the user to CLEAR the datetime picker and save the modifications.

Thanks

[Istvan_Csiszer]

Hi @Jacques_Hache

There is an answer which is related to this topic, check it if it helps:

Allowing to accept changes with missing start or end

Hi @Jacques-Michel_Hache The buttons option lets you create any custom button and set up a handler function for it. In the following example I’ve overwritten the ‘Set’ button with a custom one: Component.ts: @ViewChild('picker', { static: false }) inst!: MbscDatepicker; btns = [ { text: 'Set', handler: (event: any) => { // use the picker instance here console.log(this.inst!.getVal()); }, }, 'cancel', ]; Template: <mbsc-datepicker #…

[Jacques-Michel_Hache]

It won’t work in our case because for us TouchUI must be false.

This seems to be a major problem with the datetime picker. To have ‘Live Selection’ you either have to commit to TouchUI=true or use the built-in SET button which does not behave the way we want (see original post)

DateTime picker should have an input called LiveSelection which allows us to set that behavior independently of UI choices, or allow us to define the condition that makes the SET button disabled or not.