# C1.Blazor.DateTimeEditors.C1DatePicker

## Content

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



  <h1 id="C1_Blazor_DateTimeEditors_C1DatePicker" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker" class="text-break">C1DatePicker Class
</h1>
  <div class="markdown level0 summary"><p>Represents a control that can be used to display and edit date values.</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">C1DatePicker</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_C1DatePicker_syntax">Syntax</h5>
  <div class="codewrapper">
    <pre><code class="lang-csharp hljs">public class C1DatePicker : C1DateTimeBase&lt;DateTime?&gt;, IComponent, IHandleAfterRender, IHandleEvent, IDisposable, IDependencyObject</code></pre>
  </div>
  <div class="codewrapper">
    <pre><code class="lang-vbnet hljs">Public Class C1DatePicker
    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_C1DatePicker__ctor" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.#ctor">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.-ctor.html#C1_Blazor_DateTimeEditors_C1DatePicker__ctor">C1DatePicker()</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_C1DatePicker_Format" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.Format">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.Format.html#C1_Blazor_DateTimeEditors_C1DatePicker_Format">Format</a>
        </td>
        <td class="markdown level1 summary"><p>Contains the date format value with default is MM/dd/yyyy</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DatePicker_OnValueChanged" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.OnValueChanged">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.OnValueChanged.html#C1_Blazor_DateTimeEditors_C1DatePicker_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_C1DatePicker_Value" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.Value">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.Value.html#C1_Blazor_DateTimeEditors_C1DatePicker_Value">Value</a>
        </td>
        <td class="markdown level1 summary"><p>Get or set value.</p>
</td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DatePicker_ValueChanged" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.ValueChanged">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.ValueChanged.html#C1_Blazor_DateTimeEditors_C1DatePicker_ValueChanged">ValueChanged</a>
        </td>
        <td class="markdown level1 summary"><p>This Callback will gets and sets by framework automatically for binding feature.</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_C1DatePicker_OnAfterRender_System_Boolean_" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.OnAfterRender(System.Boolean)">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.OnAfterRender.html#C1_Blazor_DateTimeEditors_C1DatePicker_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_C1DatePicker_OnParametersSet" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.OnParametersSet">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.OnParametersSet.html#C1_Blazor_DateTimeEditors_C1DatePicker_OnParametersSet">OnParametersSet()</a>
        </td>
        <td class="markdown level1 summary"></td>
      </tr>
      <tr>
        <td id="C1_Blazor_DateTimeEditors_C1DatePicker_ProcessInput_System_String_" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.ProcessInput(System.String)">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.ProcessInput.html#C1_Blazor_DateTimeEditors_C1DatePicker_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_C1DatePicker_Refresh" data-uid="C1.Blazor.DateTimeEditors.C1DatePicker.Refresh">
          <a class="xref" href="C1.Blazor.DateTimeEditors.C1DatePicker.Refresh.html#C1_Blazor_DateTimeEditors_C1DatePicker_Refresh">Refresh()</a>
        </td>
        <td class="markdown level1 summary"><p>Refresh the control.</p>
</td>
      </tr>
    </tbody>
  </table>

</div>