feat(explore): add tooltip to timepicker label

[zhaoyongjie]

SUMMARY

The user should get both human readable text and actual datetime range, so Add tooltip to timepicker control pill

      HRT == human readable text
      ADR == actual datetime range
      +--------------+------+----------+--------+----------+-----------+
      |              | Last | Previous | Custom | Advanced | No Filter |
      +--------------+------+----------+--------+----------+-----------+
      | control pill | HRT  | HRT      | ADR    | ADR      |   ADR     |
      +--------------+------+----------+--------+----------+-----------+
      | tooltip      | ADR  | ADR      | HRT    | HRT      |   HRT     |
      +--------------+------+----------+--------+----------+-----------+

BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF

1. last / previous frame
   

2. custom / Advanced / no filter frame
   

TEST PLAN

tested in my local browser

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

[codecov-io]

Codecov Report

Merging #12401 (63e27c6) into master (f13f2e2) will decrease coverage by 0.18%.
The diff coverage is 83.33%.

@@            Coverage Diff             @@
##           master   #12401      +/-   ##
==========================================
- Coverage   66.88%   66.69%   -0.19%     
==========================================
  Files        1014     1014              
  Lines       49528    49513      -15     
  Branches     5074     5077       +3     
==========================================
- Hits        33125    33023     -102     
- Misses      16273    16359      +86     
- Partials      130      131       +1     

Flag	Coverage Δ
cypress	50.97% <82.35%> (+0.05%)	⬆️
javascript	60.71% <5.55%> (+0.01%)	⬆️
python	63.89% <ø> (-0.33%)	⬇️

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

Impacted Files	Coverage Δ
...s/controls/DateFilterControl/DateFilterControl.tsx	85.45% <83.33%> (-0.40%)	⬇️
superset/sql_validators/postgres.py	50.00% <0.00%> (-50.00%)	⬇️
superset/db_engine_specs/mysql.py	79.59% <0.00%> (-12.25%)	⬇️
superset/db_engine_specs/sqlite.py	65.62% <0.00%> (-9.38%)	⬇️
superset/databases/commands/create.py	83.67% <0.00%> (-8.17%)	⬇️
superset/databases/commands/update.py	85.71% <0.00%> (-8.17%)	⬇️
superset/databases/commands/test_connection.py	84.78% <0.00%> (-4.35%)	⬇️
superset/utils/celery.py	96.42% <0.00%> (-3.58%)	⬇️
...frontend/src/components/SupersetResourceSelect.tsx	75.86% <0.00%> (-3.45%)	⬇️
superset/models/core.py	85.86% <0.00%> (-2.99%)	⬇️
... and 54 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 f13f2e2...63e27c6. Read the comment docs.

[junlincc]

sick🔥🔥🔥🔥🔥

[mistercrunch]

LGTM

[ktmud]

LGTM with one nit

[ktmud]

@zhaoyongjie @junlincc should "No filter" also display as human readable text?

[zhaoyongjie]

got it, I will do this change

…

On Fri, Jan 15, 2021 at 3:46 AM Jesse Yang ***@***.***> wrote: @zhaoyongjie <https://github.com/zhaoyongjie> @junlincc <https://github.com/junlincc> should "No filter" also display as human readable text? <https://user-images.githubusercontent.com/335541/104640983-0a9e6780-565e-11eb-8462-8614abaa97dd.png> — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#12401 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAPMKUX6KBOF47RSF5LKTHLSZ5CYPANCNFSM4V4OPLDA> .