</ iframe > </noscript> <!-- End Google Tag Manager (noscript) --> <div id="BeforeHeaderContent"> </div> <div id="HeaderContent"> <!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_RATING%%" --><!--DXMETADATA end --> <!--DXMETADATA start type="LogoImage" --><!--DXMETADATA end--> <div id="ProjectTitle"><!--DXMETADATA start type="ProjectTitle" -->DateTimeEditors for WPF and Silverlight<!--DXMETADATA end--></div> <div id="PageTitle"><div id="PageTitleText"><!--DXMETADATA start type="ItemTitle" -->C1DateTimePicker Elements<!--DXMETADATA end--></div></div> </div> <div id="AfterHeaderContent"> <!-- Spacing --> <span id="ToggleAllSectionsLink" class="FunctionLink"> <label id="CollapseAllLabel"><!--DXMETADATA start type="Phrase" name="COLLAPSE_ALL" -->Collapse All<!--DXMETADATA end--></label> <label id="ExpandAllLabel" style="display: none;"><!--DXMETADATA start type="Phrase" name="EXPAND_ALL" -->Expand All<!--DXMETADATA end--></label> </span><!--DXMETADATA start type="Literal" condition="communityenabled" value="%%scrap:name=_COMMUNITY_DROPDOWN%%" --><!--DXMETADATA end --> </div> <!--DXMETADATA start type="Breadcrumbs" scrap="_BREADCRUMBS" --><div class="BreadcrumbsContainer"><table><tr><td> <a href="C1DateTimePicker_Control_Help.html">C1DateTimePicker Control Help</a> > <a href="Working_with_C1DateTimePicker.html">Working with C1DateTimePicker</a> > C1DateTimePicker Elements</td></tr></table></div><!--DXMETADATA end --> <div id="BodyContent"> <!--DXMETADATA start type="TopicSection" name="BodyText"--><p><b>DateTimeEditors for WPF and Silverlight</b> includes the <a href="C1.WPF.DateTimeEditors.4~C1.WPF.DateTimeEditors.C1DateTimePicker.html">C1DateTimePicker</a> control, a simple control which provides, by default, both a date picker and a time picker. When you add the <strong>C1DateTimePicker</strong> control to a XAML window, it exists as a completely functional date and time picker. By default, the control's interface looks similar to the following image:</p> <p> </p> <p><img border="0" src="C1DateTimePicker_Graphics/Narrative/C1DateTimePicker_Elements.png" width="488" height="97"></p> <p> </p> <p>The <strong>C1DateTimePicker</strong> control consists of the following elements: </p> <p> <ul> <li><strong>Date Picker<br></strong>The date picker element is comprised of a date field and the calendar drop-down button. You can set the date by entering numeric values or by selecting a date from the calendar.</li> <li><b>Time Picker<br></b>The time picker element is comprised of the time field, the increase time button, and the decrease time button. You can set the time by entering numeric values or by clicking the buttons.</li> <li> <b>Date Picker Drop-Down Button<br></b>The date picker drop-down button opens a calendar from where you can select a date for the date picker. <p><img border="0" src="C1DateTimePicker_Graphics/Narrative/C1DateTimePicker_Elements_DropDownCalendar.png" width="204" height="196"> <p> </li> <li> <b>Increase Time Button</b> <p>The increase time button allows you to increase the time displayed in the time picker. Clicking the increase button will increase the time by one minute.</p> </li> <li> <b>Decrease Time Button</b> <p>The decrease time button allows you to decrease the time displayed in the time picker. Clicking the decrease button will decrease the time by one minute.</p> </li> </ul> <p> </p><!--DXMETADATA end--> <a name="seealsobookmark"></a> <!--DXMETADATA start type="FilteredItemList" scrap="CATEGORISED_LINKS" namespace="linkcategory" source="Item" filter="" NoHeader="True" NoFooter="True" format="%%replaceinquotes:value=false%%%%scrap:name=_COLLAPSIBLE_HEADER,idprefix=seealso,caption=""%%phrase:name=SeeAlso%%%%designlist:tagidentifier=seealso,itemtype=See Also%%""%%%%filtereditemlist%%</div>"--><!--DXMETADATA end--> </div> <div id="FooterContent"> <!--DXMETADATA start type="Scrap" condition="communityenabled" name="_COMMUNITY_FOOTER" --><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="CopyrightNotice" format="<p> </p><p> </p><hr style=""height: 1px"" /><p>%%variable%%</p>" --><p> </p><p> </p><hr style="height: 1px"><p>Copyright (c) <script type="text/javascript"> var theDate=new Date() document.write(theDate.getFullYear()) </script> GrapeCity, inc. All rights reserved. <script>$(document).ready(function() { if (!(window.self !== window.top)) { // Not running in a frameset // Get the page name var pageName = location.href.substring(location.href.lastIndexOf("/") + 1); if (pageName.indexOf("#") != -1) { pageName = pageName.substring(0, pageName.indexOf("#")); } // Append to webframe.html var framePage = "webframe.html#" + pageName; location.href = framePage; } });</script></p><!--DXMETADATA end --> <!--DXMETADATA start type="Variable" name="FeedbackLink" format="" --><a target="_blank" href="http://our.componentone.com/groups/">Product Support Forum</a> | <a target="_blank" href="http://feedback.componentone.com/forums/255782-winforms-documentation">Documentation Feedback</a><!--DXMETADATA end--> </div> </body> </html>