chore[explore]: Save date if Ok not clicked

[nikolagigic]

SUMMARY

If the user does not click on Ok button in Time Range date picker but clicks outside of the modal instead, the picked date is saved.

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

Age.distribution.mp4

TEST PLAN

1. Go to 'Explore'
2. Click on 'TIME RANGE'
3. Choose 'Custom' as the 'RANGE TYPE'
4. Choose 'Specific Date/Time' as the 'START'
5. Click on a date
6. Move the mouse off of the 'TIME RANGE' modal and click

ADDITIONAL INFORMATION

• Has associated issue:
• Changes UI
• Requires DB Migration.
• Confirm DB Migration upgrade and downgrade tested.
• Introduces new feature or API
• Removes existing feature or API
  closes [explore]Date picker randomly changes date #12704

[zhaoyongjie]

customeFrame has 3 Datepicker.

[codecov-io]

Codecov Report

Merging #12731 (a7898f6) into master (bcbd8f9) will decrease coverage by 14.34%.
The diff coverage is n/a.

@@             Coverage Diff             @@
##           master   #12731       +/-   ##
===========================================
- Coverage   62.75%   48.40%   -14.35%     
===========================================
  Files        1021      477      -544     
  Lines       49960    17091    -32869     
  Branches     4891     4399      -492     
===========================================
- Hits        31352     8273    -23079     
+ Misses      18408     8818     -9590     
+ Partials      200        0      -200     

Flag	Coverage Δ
cypress	48.40% <ø> (?)
javascript	?
python	?

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
...s/controls/DateFilterControl/frame/CustomFrame.tsx	30.61% <ø> (+16.32%)	⬆️
...uperset-frontend/src/dashboard/util/dnd-reorder.js	0.00% <0.00%> (-100.00%)	⬇️
...rset-frontend/src/dashboard/util/getEmptyLayout.js	0.00% <0.00%> (-100.00%)	⬇️
...rc/dashboard/util/getLayoutComponentFromChartId.js	0.00% <0.00%> (-100.00%)	⬇️
...dashboard/components/resizable/ResizableHandle.jsx	0.00% <0.00%> (-100.00%)	⬇️
.../src/dashboard/util/getFilterScopeFromNodesTree.js	0.00% <0.00%> (-93.48%)	⬇️
...src/SqlLab/utils/reduxStateToLocalStorageHelper.js	7.69% <0.00%> (-92.31%)	⬇️
...set-frontend/src/views/CRUD/alert/ExecutionLog.tsx	11.76% <0.00%> (-88.24%)	⬇️
...d/src/dashboard/util/updateComponentParentsList.js	0.00% <0.00%> (-87.50%)	⬇️
...src/dashboard/components/gridComponents/Header.jsx	10.52% <0.00%> (-86.85%)	⬇️
... and 930 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update bcbd8f9...0001963. Read the comment docs.

[junlincc]

LGTM!
thanks for the change!
✅
https://user-images.githubusercontent.com/67837651/105698704-16d6c000-5ebb-11eb-8dae-4aa49616a0c4.mov

[zhaoyongjie]

LGTM

[zhaoyongjie]

LGTM