Welcome, Guest  :: Login 

New Components to Ultimate Suite - ScheduleSet Calendars

PureComponents brings you new set of components, designed to show and manipulate date based data and information. You can find there several types of calendars, clock, roster, datetime picker and some more. 

RichCalendar

Calendar component for displaying dates in weeks.

  • It fills the given area with month calendars, recalculating the layout dynamically when resized.
  • It provides rich style hierarchy for setting the desired appearance.
  • RichCalendar allows you to display individual months in different styles, using the MonthRanges and MonthRangeStyle definitions.
  • It is possible to set even the apperance of individual days using the DateItems and DateItemStyle definitions. The day cell can also contain the icon or a short abbreviation, while the full event description can be shown in the tooltip.
  • RichCalendar supports databinding where you can affect the appearance of the individual date.
  • Several predefined styles are available with possibility to be easily turned to different color scheme with the ThemeStyle setting.
  • Multiple navigation concepts are available, including scrollbar, navigation bar, arrows and month selector.
  • Multiple day selection modes are available: single day, date range and multiple dates. Selection can be disabled at all.

 

RichCalendar consists of these parts:

  1. Header - can contain some text and navigation buttons. Header can be hidden. The appearance can be set through its own style properties.
  2. Month Header - displays formattable name of the month and contains the navigation. Navigation can be done using Month Selector (drop down button opening MonthSelector component), Arrows or it can be turned off. The appearance of the Month Header can be set through its own style properties. Month Header can be also hidden.
  3. Week Day Names row - can be hidden. The appearance can be set through its own style properties. Each week day can have its own style defined.
  4. Week Numbers column - can be hidden. The appearance can be set through its own style properties.
  5. Days area - the appearance can be set for normal days, selected days, holiday dates and trailing days separately. Selected dates are defined through the SelectedDates collection, holiday dates through HolidayDates collection. Trailing days can be hidden. Today's date can be highlighted and has its own style definition.
  6. Footer - can be hidden. It can contain some text, usually today's date. The appearance can be set through its own style properties.

LightCalendar

Lightweight calendar component for displaying one month

  • It provides rich style hierarchy for setting the desired appearance.
  • Several predefined styles are available with possibility to be easily turned to different color schema with the ThemeStyle setting.

LightCalendar consists of these parts:

  1. Month Header - displays formattable name of the month and contains the navigation. Navigation can be done using Month Selector (drop down button opening MonthSelector component), Arrows or it can be turned off. The appearance of the Month Header can be set through its own style properties. Month Header can be also hidden.
  2. Week Day Names row - can be hidden. The appearance can be set through its own style properties.
  3. Week Numbers column - can be hidden. The appearance can be set through its own style properties.
  4. Days area - the appearance can be set for normal days, selected days and trailing days separately. Selected dates are defined through the SelectedDates collection. Trailing days can be hidden. Today's date can be highlighted and has its own style definition.
  5. Footer - can be hidden. It can contain some text, usually today's date. The appearance can be set through its own style properties.

GridCalendar

Calendar component for displaying larger time intervals with months displayed one below another.

  • It provides rich style hierarchy for setting the desired appearance.
  • GridCalendar allows you to display individual months in different styles, using the MonthRanges and MonthRangeStyle definitions.
  • It is possible to set even the apperance of individual days using the DateItems and DateItemStyle definitions. The day cell can also contain the icon or a short abbreviation, while the full event description can be shown in the tooltip.
  • GridCalendar supports databinding where you can affect the appearance of the individual date.
  • Several predefined styles are available with possibility to be easily turned to different color scheme with the ThemeStyle setting.
  • Multiple navigation concepts are available, including scrollbar, navigation bar, arrows and month selector.
  • Multiple day selection modes are available: single day, date range and multiple dates. Selection can be disabled at all.
  • GridCalendar can be aligned in two ways - weekdays in a row or the same date in a row.

GridCalendar consists of these parts:

  1. Header - can contain some text and navigation buttons. Header can be hidden. The appearance can be set through its own style properties.
  2. Row Header - displays formattable name of the month and contains the navigation. Navigation can be done using Month Selector (drop down button opening MonthSelector component), Arrows or it can be turned off. The appearance of the Row Header can be set through its own style properties. Row Header can be also hidden.
  3. Column Header - can be hidden. It contains either the weekday name or the date, depending on GridCalendar alignment mode. Column Header appearance can be set through its own style properties. Each week day can have its own style defined.
  4. Grid - the appearance can be set for normal days, selected days and holiday dates separately. Selected dates are defined through the SelectedDates collection, holiday dates through HolidayDates collection.  Today's date can be highlighted and has its own style definition.
  5. Footer - can be hidden. It can contain some text, usually today's date. The appearance can be set through its own style properties.

Roster

Calendar component for displaying events divided into categories. The date is displayed at the top row, categories one below another.

  • It provides rich style hierarchy for setting the desired appearance.
  • It is possible to set the apperance of individual days/categories using the DateItems and DateItemStyle definitions. The cell can also contain the icon or a short abbreviation, while the full event description can be shown in the tooltip.
  • Roster supports databinding where you can affect the appearance of the individual date for a category.
  • Several predefined styles are available with possibility to be easily turned to different color scheme with the ThemeStyle setting.
  • Multiple navigation concepts are available, including scrollbar, navigation bar, arrows and month selector.
  • Multiple day selection modes are available: single day, date range and multiple dates. Selection can be disabled at all.

Roster consists of these parts:

  1. Header - can contain some text and navigation buttons. Header can be hidden. The appearance can be set through its own style properties.
  2. Row Header - displays the category name. The appearance of the Row Header can be set through its own style properties.
  3. Column Header - contains the date. Column Header appearance can be set through its own style properties.
  4. Grid - the appearance can be set for normal days, selected days and holiday dates separately. Selected dates are defined through the SelectedDates collection, holiday dates through HolidayDates collection.  Today's date can be highlighted and has its own style definition.
  5. Footer - can be hidden. It can contain some text, usually today's date. The appearance can be set through its own style properties.

Clock

Component for displaying either static or active time in an analog clock.

  • Different styles can be set for the clock, including uploading images for background and hands.
  • Digital time can be displayed above, below or inside the clock, with its style adjustable as well.

DatePicker

Combo box for displaying and choosing the date. When the drop down button is clicked, the LightCalendar component appears allowing to choose the date.

  • Date format can be set.
  • Both Combobox and the Calendar can be styled.

TimePicker

Combo box for displaying and choosing the time of day. When the drop down button is clicked, the Clock component appears allowing to set the time.

  • Time format can be set.
  • Both Combobox and the Calendar can be styled.

DateTimePicker

Combo box for displaying and choosing the date and time. When the drop down button is clicked, the Clock component for time and LightCalendar for date selection appears.

  • Date and time formats can be set.
  • Comboboxes, Clock and Calendar can be styled.

          

RichCalendarCombo

Combo box for displaying and choosing the date. When the drop down button is clicked, the RichCalendar component appears allowing to choose the date.

  • Date format can be set.
  • Both Combobox and the Calendar can be styled.

MonthPicker

Combo box for displaying and choosing the month. When the drop down button is clicked, the MonthSelector component appears allowing to choose the month.

  • Display format can be set.
  • Both Combobox and the MonthSelector can be styled.

MonthSelector

Component allowing to select particular month in a list of months and years.

  • The style of year and month list can be adjusted, the style of the selected month as well.
  • Navigation between the years can be done either by scroll bar or navigation bar or can be disabled.