DateEditTimeSectionProperties.TimeEditCellStyle Property

Gets the style settings defining the date edit’s time edit cell appearance.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

C#

public DateEditTimeSectionCellStyle TimeEditCellStyle { get; }

VB.NET

Public ReadOnly Property TimeEditCellStyle As DateEditTimeSectionCellStyle

Property Value

Type	Description
DateEditTimeSectionCellStyle	A DateEditTimeSectionCellStyle object that contains style settings.

Remarks

Use the TimeEditCellStyle property to access style settings that define the time section’s time edit cell appearance. You can control the time section visibility via the DateEditTimeSectionProperties.Visible property.

Example

The example below demonstrates how you can customize the time section to allow end-users to specify time with seconds. For this purpose, the following properties are specified.

• The DateEditTimeSectionProperties.ShowSecondHand property is set to true to display the second hand on the clock.
• The TimeEditProperties.EditFormatString property is set to “T” to format the time displayed within the time edit using the long time pattern.
• The AppearanceStyle.Paddings property is specified (via ASPxDateEdit.TimeSectionProperties.TimeEditCellStyle.Paddings) to fit the time edit size to its inner content.

The image below shows the result.

ASPX

<dx:ASPxDateEdit ID="ASPxDateEdit1" runat="server">
     <TimeSectionProperties ShowSecondHand="True" Visible="True">
          <TimeEditProperties EditFormatString="T">
          </TimeEditProperties>
          <TimeEditCellStyle>
               <Paddings PaddingLeft="20px" PaddingRight="20px" />
          </TimeEditCellStyle>
     </TimeSectionProperties>
</dx:ASPxDateEdit>