fix(dashboard): Add required message in the tooltip for the time range filter

[geido]

SUMMARY

This PR adds a "Default value is required" message in the tooltip for a time range filter when a default value is required.

Fixes: #15375

BEFORE

Screen.Recording.2021-06-24.at.2.00.22.PM.mov

AFTER

TESTING INSTRUCTIONS

1. Create a time range filter with the 'Required ' option selected
2. Go to the dashboard and click ' Clear All'
3. Go with your mouse over the filter and check the message in the tooltip

ADDITIONAL INFORMATION

• Has associated issue: [native filter] 'Clear All' for time range filter with required option will make red high light without error message  #15375
• Changes UI
• Includes DB Migration (follow approval process in SIP-59)
  • Migration is atomic, supports rollback & is backwards-compatible
  • Confirm DB migration upgrade and downgrade tested
  • Runtime estimates and downtime expectations provided
• Introduces new feature or API
• Removes existing feature or API

[geido]

@rosemarie-chiu @jinghua-qa

[codecov]

Codecov Report

Merging #15941 (2e0f9b8) into master (ac9c137) will decrease coverage by 0.00%.
The diff coverage is 80.00%.

@@            Coverage Diff             @@
##           master   #15941      +/-   ##
==========================================
- Coverage   76.99%   76.99%   -0.01%     
==========================================
  Files         988      988              
  Lines       52304    52306       +2     
  Branches     7124     6621     -503     
==========================================
+ Hits        40272    40273       +1     
- Misses      11807    11809       +2     
+ Partials      225      224       -1     

Flag	Coverage Δ
javascript	71.55% <80.00%> (-0.01%)	⬇️

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

Impacted Files	Coverage Δ
...d/src/filters/components/Time/TimeFilterPlugin.tsx	86.66% <ø> (ø)
...nts/controls/DateFilterControl/DateFilterLabel.tsx	66.66% <80.00%> (-0.27%)	⬇️
superset-frontend/src/views/CRUD/hooks.ts	47.80% <0.00%> (ø)
...end/src/SqlLab/components/RunQueryActionButton.tsx	65.11% <0.00%> (ø)

---

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 ac9c137...2e0f9b8. Read the comment docs.

[michael-s-molina]

@geido Can you change the color on hover to red? RangeFilterPlugin

[michael-s-molina]

@geido Can you change the color on hover to red? RangeFilterPlugin

[geido]

@geido Can you change the color on hover to red? RangeFilterPlugin

Hey @michael-s-molina. Now the red border is kept also on hover for consistency. You can check again. Thank you!

[michael-s-molina]

/testenv up FEATURE_DASHBOARD_NATIVE_FILTERS=true

[github-actions]

@michael-s-molina Ephemeral environment spinning up at http://18.236.92.148:8080. Credentials are admin/admin. Please allow several minutes for bootstrapping and startup.

[github-actions]

Ephemeral environment shutdown and build artifacts deleted.