New to Telerik UI for WinUI? Download free 30-day trial


When setting up the RadTimeBar you should keep in mind that the Start Time properties should always be set before the End Time ones.

The following example shows the required precedence of the properties:

RadTimeBar Properties Precedence

private void SetTimeBarProperties() 
    this.timeBar.PeriodStart = new System.DateTime(2023, 1, 1); 
    this.timeBar.PeriodEnd = new System.DateTime(2023, 12, 31); 
    this.timeBar.VisiblePeriodStart = new System.DateTime(2023, 2, 1); 
    this.timeBar.VisiblePeriodEnd = new System.DateTime(2023, 4, 1); 
    this.timeBar.SelectionStart = new System.DateTime(2023, 3, 1); 
    this.timeBar.SelectionEnd = new System.DateTime(2023, 3, 10); 

Key Properties

  • PeriodStart—Gets or sets the timebar's start date.
  • PeriodEnd—Gets or sets the timebar's end date.
  • VisiblePeriodStart—Gets or sets the currently visible start date.
  • VisiblePeriodEnd—Gets or sets the currently visible end date.
  • Intervals—Determines the displayed time intervals. The supported intevals are: Century, Decade, Year, Quarter, Month, Week, Day, Hour, Minute, Second, Millisecond.

Setting the RadTimeBar Intervals

Every interval has a preset collection of formatting strings that creates the string representation of a given date to match the interval. RadTimeBar automatically chooses the appropriate string formatter according to the control size and visible range. Learn more about that in the Intervals Formatters article.
  • SelectionStart and SelectionEnd—These properties determine the beginning of the selected range in the TimeBar control.
  • ActualSelectionStart and ActualSelectionEnd—When the user is dragging one of the selection thumbs, the SelectionStart and SelectionEnd properties are updated once the user releases the selection thumb. On the other hand, the ActualSelectionStart and ActualSelectionEnd properties are updated while the selection thumbs are moving.
  • IsSnapToIntervalEnabled—This turns on the snapping functionality, which will restrict the moving of the selection thumb, so that it will snap to the items' lines.
  • MinSelectionRange and MaxSelectionRange—These properties define the selection range interval. You won't be able to select an interval lower than the MinSelectionRange and higher than MaxSelectionRange.
  • IntervalSpans: This property can be set from each Interval except Decade and Quarter. It is used to group the given interval items together.
  • CurrentItemInterval and CurrentGroupInterval—These properties can be used in code-behind to take the current item respectively group interval span set.
  • MinZoomRange and MaxZoomRange—These properties set the minimum and maximum range that the TimeBar can be zoomed.

See Also

In this article
Not finding the help you need?