Clearing date from date picker

MuhammadYasir

Hi there,

I am using the date selector in my operation dashboard. Within date selector, I am using date picker with input type "Range". The problem I am facing is that I couldn't see any way to clear the dates from date picker when I want to go back to normal view. I have to refresh the page every time. Is there any way to clear the selected dates from the date picker?

Anonymous User

Hi Muhammad Yasir‌,

I used to be able to clear the date input by using datetextbox

In widget.html

<SPAN class="token tag"><SPAN class="token tag"><SPAN class="punctuation token"><</SPAN>input</SPAN> <SPAN class="attr-name token">data-dojo-type</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>dijit/form/DateTextBox<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="attr-name token">data-dojo-attach-point</SPAN><SPAN class="attr-value token"><SPAN class="punctuation token">=</SPAN><SPAN class="punctuation token">"</SPAN>sourceDate<SPAN class="punctuation token">"</SPAN></SPAN> <SPAN class="punctuation token">/></SPAN></SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

In widget.js

<SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>sourceDate<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setValue</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">""</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN>

One thing to take note is you need to import widgettemplatemixin and better to call this.inherited(arguments) method at post create.

The best for that kind of question is by sharing your code.

CodyPatterson_1-1733837738322.png