Incubator-superset: Date Filter is possible to add datepicker calendar?

Created on 10 Apr 2017  路  21Comments  路  Source: apache/incubator-superset

Make sure these boxes are checked before submitting your issue - thank you!

  • [Y] I have checked the superset logs for python stacktraces and included it here as text if any
  • [Y] I have reproduced the issue with at least the latest released version of superset
  • [Y] I have checked the issue tracker for the same issue and I haven't found one similar

I greet everyone. Please add a drop-down calendar to the date filter, like
default

Thank you.

Most helpful comment

This as been done, will be in next release.
screen shot 2017-09-15 at 8 23 07 am

All 21 comments

It's a bit more complicated than that as our current date dropdown allows for bot fixed dates and relative dates. Expressions like 52 weeks ago or 4 hours ago or 2015 currently work. We'd need a slightly more complex control with a radio button (relative or fixed) that shows a datepicker or some form for [input int] [frequency] [ago/from_now] depending...

Perhaps it will be convenient for users. Thank you

We are interested in implementing this feature. @mistercrunch : could we make some proposal about which widget to use? Do you have any advice ?

Awesome @higaxman , it's now possible to build rich controls too. Here are a few thoughts:

  • the representation could be a simple text and a subtle edit icon
  • if no specific time is select (00:00:00) I wouldn't show it, just show what is relevant.
  • clicking the edit icon would pop a small bootstrap popover to the right of the text
  • inside the popover a radio button for fixed/relative
  • fixed would go along with the nicest react datepicker you can find, it has to allow date and time
  • relative would be perhaps 3 boxes

    • an input box that validates numeric

    • a time unit dropdown (seconds, minutes, hours, days, weeks, months, years), default to days

    • dropdown for ago or from now, defaults to ago

  • clicking the form controls in the popover flips the radio button accordingly to save a click. meaning if you click the time unit dropdown, it selects the relative option for the radiobutton, or if you click any part of the date picker, it chooses the fixed option
  • [probably out of scope], an option for UTC / timezones when using fixed dates

For an example of a rich control, check out this branch (unmerged) where I'm working on a popover for the metrics control.
https://github.com/airbnb/superset/compare/metrics...mistercrunch:metrics?expand=1

Thanks! Going to check it.

I am very interested in this feature. Please keep up the good work! I look forward to using a date-picker filter.

After a quick research, I'd go with http://dev.quri.com/react-bootstrap-datetimepicker/

@mistercrunch is it better than https://github.com/airbnb/react-dates ?

@xrmx we need the component to handle time as well, not just date

Hey @higaxman how's your progress coming on this? I'd be happy to help

Hi @mistercrunch, wanted to know if we can use it ? or still in progress ? :)

No one is working on this at the moment as far as I know

So sad :'(

@vschoener don't be sad, that's an opportunity for you to implement it.

Will you add datepicker in next version? Any plans? AFAIK,datepicker is important for most developers and analysis.

This as been done, will be in next release.
screen shot 2017-09-15 at 8 23 07 am

Will this be available in the FilterBox date filter as well? For dashboard filters.

Thanks.

Yes it is

Thanks all for Apache superset contribution and s/w.

My question is. Are there any sample dashboard reports available with date filters? My team is especially looking for having ability to switc/refresh the view based on reporting date change.

Thanks all for Apache superset contribution and s/w.

My question is. Are there any sample dashboard reports available with date filters? My team is especially looking for having ability to switc/refresh the view based on reporting date change.

Am interested in this too

Was this page helpful?
0 / 5 - 0 ratings

Related issues

ylkjick532428 picture ylkjick532428  路  3Comments

sashank picture sashank  路  3Comments

amien90 picture amien90  路  3Comments

eliab picture eliab  路  3Comments

ghost picture ghost  路  3Comments