Contact us
Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Calling javascript synchronously by Enver Haase, 5 days ago
Recent Posts
Vaadin Forum4. Other

Selecting the whole month with PopupDateField

Rolle Saarinen
6 years ago Feb 08, 2017 9:26am

Hello,

in our app we have a feature where our users can fetch certain events that occured between the two dates they select with the PopupDateField elements (picture of it attached).

However, it's been observed that the most common use case for this feature has been that our users want to select all the events that happened during a certain month and for that purpose inputing two different date values into two different fields is a bit redundant. Hence my manager suggested that we should implement a possibility for the users to simply open the popupdatefield and then click the month label (helmikuu 2017 in the attached picture) in it, which would then automatically populate the fields with the first and last date of the selected month.

So, can anybody help me to figure out how could I implement the described feature? Alternative methods for implementing this feature are welcome as well, however, I'd prefer to implement in the way I described here.

And thanks for advance,
Rolle Saarinen

Tatu Lund
6 years ago Feb 08, 2017 9:52am

I am not sure what exactly you are trying to accomplish. But if apply field.setResolution(Resolution.MONTH) the field becomes month selector.
 

Rolle Saarinen
6 years ago Feb 08, 2017 10:02am

Hello,

yes I'm aware of that possibility, however, it is still necessary that the users can also choose to get events that happened between the two specified dates, instead of just selecting the events that happened during a selected month. Hence, setResolution(Resolution.MONTH) isn't really an option here. 

What we basically need is the possibility to have both, so users could easily select events that occured between the two dates with the two PopupDatefields we have, or they could easily just select the month with the PopupDateField startdate field by clicking the Month label at the top of the PopupDateField. 

I hope this clarifies our needs a bit.

- Rolle Saarinen

Tatu Lund
6 years ago Feb 08, 2017 10:28am

That feature is not included in PopupDatefield and it is not yet in our corresponding Polymer Element either (it is relatively easy to wrap those to be used with Vaadin 7/8). However there is this add-on (https://vaadin.com/directory#!addon/tuning-datefield) which claims to support multiselect for dates, could be something for you.
 

Rolle Saarinen
6 years ago Feb 09, 2017 8:16am

Thanks for the link, I'll need to check it out and see if it matches our needs. However, I think a simple solution here would be if I could add some sort of onClick listener to the month label in the popupDateField, do you have any suggestions on how would one go and try to implement that to it?