<html>
<head>
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
</head>
<body bgcolor="#FFFFFF" text="#000000">
The Angular Patternfly site has toolbar example showing how to add
custom components. I can't say whether a date picker is recommended
in a toolbar, but there is a way to add it using the "actions" tag
as shown below.<br>
<br>
<a class="moz-txt-link-freetext" href="http://www.patternfly.org/angular-patternfly/#/api/patternfly.toolbars.directive:pfToolbar">http://www.patternfly.org/angular-patternfly/#/api/patternfly.toolbars.directive:pfToolbar</a><br>
<br>
<meta http-equiv="content-type" content="text/html;
charset=windows-1252">
<pre style="background-color:#ffffff;color:#000000;font-family:'Menlo';font-size:9.0pt;"><span style="color:#808080;font-style:italic;"><pf-toolbar id="exampleToolbar" config="toolbarConfig">
</span><span style="color:#808080;font-style:italic;"> <actions>
</span><span style="color:#808080;font-style:italic;"> <span class="dropdown primary-action" uib-dropdown>
</span><span style="color:#808080;font-style:italic;"> <button class="btn btn-default dropdown-toggle" uib-dropdown-toggle type="button">
</span><span style="color:#808080;font-style:italic;"> Menu Action
</span><span style="color:#808080;font-style:italic;"> <span class="caret"></span>
</span><span style="color:#808080;font-style:italic;"> </button>
</span><span style="color:#808080;font-style:italic;"> <ul class="dropdown-menu">
</span><span style="color:#808080;font-style:italic;"> <li role="menuitem" ng-click="optionSelected(1)">
</span><span style="color:#808080;font-style:italic;"> <a class="secondary-action">Option 1</a>
</span><span style="color:#808080;font-style:italic;"> </li>
</span><span style="color:#808080;font-style:italic;"> <li role="menuitem" ng-click="optionSelected(2)">
</span><span style="color:#808080;font-style:italic;"> <a class="secondary-action">Option 2</a>
</span><span style="color:#808080;font-style:italic;"> </li>
</span><span style="color:#808080;font-style:italic;"> <li role="menuitem" ng-click="optionSelected(3)">
</span><span style="color:#808080;font-style:italic;"> <a class="secondary-action">Option 3</a>
</span><span style="color:#808080;font-style:italic;"> </li>
</span><span style="color:#808080;font-style:italic;"> <li role="menuitem" ng-click="optionSelected(4)">
</span><span style="color:#808080;font-style:italic;"> <a class="secondary-action">Option 4</a>
</span><span style="color:#808080;font-style:italic;"> </li>
</span><span style="color:#808080;font-style:italic;"> </ul>
</span><span style="color:#808080;font-style:italic;"> </span>
</span><span style="color:#808080;font-style:italic;"> <button class="btn btn-default primary-action" type="button" ng-click="doAdd()">
</span><span style="color:#808080;font-style:italic;"> <span class="fa fa-plus"></span>
</span><span style="color:#808080;font-style:italic;"> Add Action
</span><span style="color:#808080;font-style:italic;"> </button>
</span><span style="color:#808080;font-style:italic;"> </actions>
</span><span style="color:#808080;font-style:italic;"></pf-toolbar></span></pre>
<br>
Dan<br>
<br>
<div class="moz-cite-prefix">On 4/12/17 12:34 PM, John Logan wrote:<br>
</div>
<blockquote
cite="mid:CO2PR05MB248526A1E387B75E4E5D072A8C030@CO2PR05MB2485.namprd05.prod.outlook.com"
type="cite">
<meta http-equiv="Content-Type" content="text/html;
charset=windows-1252">
<style type="text/css" style="display:none;"><!-- P {margin-top:0;margin-bottom:0;} --></style>
<div id="divtagdefaultwrapper"
style="font-size:12pt;color:#000000;font-family:Calibri,Arial,Helvetica,sans-serif;"
dir="ltr">
<p>Hi,</p>
<p><br>
</p>
<p>I'm trying out Patternfly in a prototype and I really
appreciate the work that's been done. It's made the job of
putting together a good enterprise app user experience a lot
easier.</p>
<p><br>
</p>
<p>This might be the wrong place for angular-patternfly
questions, but I thought I'd ask here and find out whether I
should be posting elsewhere (as a github issue?) instead. I
have a pf-toolbar in one of my views, and I'd like to include
a date range picker (or pair of date pickers) in the toolbar
for constraining the requested items. Is there a way to do
this with the Angular component today? If not, what do you
think is the best workaround?</p>
<p><br>
</p>
<p>Thanks! John<br>
</p>
<p><br>
</p>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
PatternFly mailing list
<a class="moz-txt-link-abbreviated" href="mailto:PatternFly@redhat.com">PatternFly@redhat.com</a>
<a class="moz-txt-link-freetext" href="https://www.redhat.com/mailman/listinfo/patternfly">https://www.redhat.com/mailman/listinfo/patternfly</a>
</pre>
</blockquote>
<br>
</body>
</html>