BUG: Modern Control DatePicker not resetting when not in Edit Mode

(0) Share

Report

Posted on by ialbasheir-kbr

Please can someone confirm this? this is the behavior I am seeing:

I have a modern datepicker that is not in a form control. I have a button that calls Reset() function to reset it. I noticed that it does not work when the control is in DisplayMode.View or Disabled. the only time I noticed it works is when the control in Edit Mode.

also please did someone know how can we clear the selectedDate in different way? setting blank() or tweaking in the placeholder properties didnt do the trick unlike the old datepicker. it still shows the last set date

my workaround is to keep the control in edit mode and have a label overlay that is on top of it and control visibility to fake a view only behavior.

Thanks is advanced

Categories:

Experimental features

I have the same question (0)

All responses (3)

Answers (0)

Suggested answer

SaiRT14 1,990 Super User 2025 Season 2 on at

Like (0)

Report

The Reset() function works only in DisplayMode.Edit, as this mode allows the control to accept changes.

Remove the DatePicker control from the screen. Recreate a new DatePicker by toggling its visibility.

Was this reply helpful? Yes No
ialbasheir-kbr 87 on at

Like (0)

Report

Thx but where did get that? I could not find anywhere in the documentation that reset is bound to displayMode in Edit. I have all kinds of controls that reset() works regardless what Mode they are in.

Was this reply helpful? Yes No
pawelbakan 12 on at

Like (0)

Report

Modern Controls are still very buggy. I had similar problem with number input. You can test this solutions.

1. Remove your old DatePicker field and add new one.

2. Set DatePicker DisplayMode parameter to variable, when you reset your fields just simply add:

UpdateContext({varDisplayMode:DisplayMode.Edit});

UpdateContext({varDisplayMode:DisplayMode.View})

3. Set default value of DatePicker to varDatePickerValue. If you load this data from other source (like SP List or Dataverse), you go for UpdateContext({varDatePickerValue: YourSource.dateField}), then use UpdateContext to reset value.

4. You can try to use second point and add reset function:

UpdateContext...;

Reset(DatePicker);

UpdateContext...;

Was this reply helpful? Yes No