# C1.Blazor.DateTimeEditors.C1DateTimePicker

## Content

<div class="doc-site-dotnet-api-container">



  <h1 id="C1_Blazor_DateTimeEditors_C1DateTimePicker" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker" class="text-break">C1DateTimePicker Class
</h1>
  <div class="markdown level0 summary"><p>Represents a control that can be used to display and edit date and time</p>
</div>
  <div class="markdown level0 conceptual"></div>
  <div class="inheritance">
    <h5>Inheritance</h5>
    <div class="level0"><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.object">object</a></div>
    <div class="level1"><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.componentbase">ComponentBase</a></div>
    <div class="level2"><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.C1View.html">C1View</a></div>
    <div class="level3"><a class="xref" href="../C1.Blazor.Input/C1.Blazor.Input.C1DropDown.html">C1DropDown</a></div>
    <div class="level4"><a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimeBase-1.html">C1DateTimeBase</a>&lt;<a class="xref" href="https://learn.microsoft.com/dotnet/api/system.datetime">DateTime</a>?&gt;</div>
    <div class="level5"><span class="xref">C1DateTimePicker</span></div>
  </div>
  <div class="implements">
    <h5>Implements</h5>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.icomponent">IComponent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleafterrender">IHandleAfterRender</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/microsoft.aspnetcore.components.ihandleevent">IHandleEvent</a></div>
    <div><a class="xref" href="https://learn.microsoft.com/dotnet/api/system.idisposable">IDisposable</a></div>
    <div><a class="xref" href="../C1.Blazor.Core/C1.Blazor.Core.IDependencyObject.html">IDependencyObject</a></div>
  </div>
  <h6><strong>Namespace</strong>: <a class="xref" href="C1.Blazor.DateTimeEditors.html">C1.Blazor.DateTimeEditors</a></h6>
  <h6><strong>Assembly</strong>: C1.Blazor.DateTimeEditors.dll</h6>
  <h5 id="C1_Blazor_DateTimeEditors_C1DateTimePicker_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1DateTimePicker : C1DateTimeBase&lt;DateTime?&gt;, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1DateTimePicker
    Inherits C1DateTimeBase(Of Date?)
    Implements IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <h3 id="constructors">Constructors
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker__ctor" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.#ctor">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.-ctor.html#C1_Blazor_DateTimeEditors_C1DateTimePicker__ctor">C1DateTimePicker()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
    </tbody>
  </table>
  <h3 id="properties">Properties
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_Format" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.Format">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.Format.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_Format">Format</a>
        </td>
        <td class="markdown level1 summary"><p>Contains the date format value with default is MM/dd/yyyy hh:mm tt</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_OnValueChanged" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnValueChanged">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnValueChanged.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_OnValueChanged">OnValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the callback that is called when the value is changed.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_SelectionMode" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.SelectionMode">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.SelectionMode.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_SelectionMode">SelectionMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the selection mode.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_Value" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.Value">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.Value.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_Value">Value</a>
        </td>
        <td class="markdown level1 summary"><p>Get or set value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_ValueChanged" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.ValueChanged">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.ValueChanged.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_ValueChanged">ValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>This Callback will gets and sets by Blazor framework automatically for binding feature.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_ViewMode" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.ViewMode">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.ViewMode.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_ViewMode">ViewMode</a>
        </td>
        <td class="markdown level1 summary"><p>Gets or sets the selection mode.</p>
</td>
      </tr>
    </tbody>
  </table>
  <h3 id="methods">Methods
</h3>
  <table class="table table-bordered table-condensed">
    <thead>
      <tr>
        <th>Name</th>
        <th>Description</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnAfterRender.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_OnAfterRender_System_Boolean_">OnAfterRender(bool)</a>
        </td>
        <td class="markdown level1 summary"><p>Correct rendered layout</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_OnIsDropDownOpenChanged" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnIsDropDownOpenChanged">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnIsDropDownOpenChanged.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_OnIsDropDownOpenChanged">OnIsDropDownOpenChanged()</a>
        </td>
        <td class="markdown level1 summary"><p>Modify dropdown behavior</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_OnParametersSet" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnParametersSet">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.OnParametersSet.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_OnParametersSet">OnParametersSet()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_ProcessInput_System_String_" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.ProcessInput(System.String)">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.ProcessInput.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_ProcessInput_System_String_">ProcessInput(string)</a>
        </td>
        <td class="markdown level1 summary"><p>Process input value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DateTimePicker_Refresh" data-uid="C1.Blazor.DateTimeEditors.C1DateTimePicker.Refresh">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DateTimePicker.Refresh.html#C1_Blazor_DateTimeEditors_C1DateTimePicker_Refresh">Refresh()</a>
        </td>
        <td class="markdown level1 summary"><p>Refresh the control.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>