[PatternFly] Date Range?

[Sam Linville]

I'm currently working on an application that uses a date range picker. It's
a common experience used by travel web apps (airlines, Airbnb, hotels). In
some cases I've seen the date input field split into two fields (start +
end), and in others I've seen the field combined into one box, as shown in
the example below.

When the date range field is active, this dropdown appears. Users can click
a start date and then select an end date. The picker shows two months at a
time to allow the user to select a longer range easily.
[image: Inline image 3]

Is this similar to what you're looking for?

On Fri, Sep 29, 2017 at 10:05 AM, Stan Silvert <ssilvert at redhat.com> wrote:

> The user needs to view logged events in a List View.  He needs to be able
> to filter the events with a "from" and "to" date.
>
> I'm looking for PatternFly recommended practices for such a case.  I can
> certainly do this with two Datepicker controls, but the warning implied
> that there is a better way?
>
>
> On 9/29/2017 9:40 AM, Matt Carrano wrote:
>
> Hi Stan,
>
> Can you say a bit more about your use case? I think what this is saying is
> that the current Datepicker control does not support selecting a date range
> as a single interaction (although we have looked at other solutions that
> may offer this). But if you are just looking to set a date range by setting
> From and To values separately, I don't see any reason this wouldn't work.
>
> Does that help?
>
> Regards,
>
> Matt
>
> On Wed, Sep 27, 2017 at 1:48 PM, Stan Silvert <ssilvert at redhat.com> wrote:
>
>> Re: http://www.patternfly.org/pattern-library/forms-and-controls
>> /datepicker/
>>
>> On the doc for the Datepicker control, it says, "This pattern should NOT
>> be used when selecting a date range"
>>
>> I need to let my user select a date range.  What do the PatternFly gurus
>> suggest I use?
>>
>> Stan
>>
>> _______________________________________________
>> PatternFly mailing list
>> PatternFly at redhat.com
>> https://www.redhat.com/mailman/listinfo/patternfly
>>
>
>
>
> --
> Matt Carrano
> Sr. Interaction Designer
> Red Hat, Inc.
> mcarrano at redhat.com
>
>
>
> _______________________________________________
> PatternFly mailing list
> PatternFly at redhat.com
> https://www.redhat.com/mailman/listinfo/patternfly
>
>


-- 

SAM LINVILLE

USER EXPERIENCE VISUAL DESIGN INTERN

Red Hat Raleigh <https://www.redhat.com/>

slinvill at redhat.com    IM: @samlinville
<https://red.ht/sig>
TRIED. TESTED. TRUSTED. <https://redhat.com/trusted>
@redhatway <https://twitter.com/redhatway>   @redhatinc
<https://instagram.com/redhatinc>   @redhatsnaps
<https://snapchat.com/add/redhatsnaps>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://listman.redhat.com/archives/patternfly/attachments/20170929/36d66fa2/attachment.htm>
-------------- next part --------------
A non-text attachment was scrubbed...
Name: Screen Shot 2017-09-29 at 11.17.06 AM.png
Type: image/png
Size: 93345 bytes
Desc: not available
URL: <http://listman.redhat.com/archives/patternfly/attachments/20170929/36d66fa2/attachment.png>