We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies

Overview

The WinUI Calendar DateRange Picker control provides an intuitive, touch-friendly interface to select a date range quickly from a drop-down calendar. It supports different date formats. Date selection can be restricted by specifying minimum and maximum dates. Specific dates can also be disabled using blackout dates. In addition, it supports built-in watermarks and predefined date ranges.

WinUI Calendar DateRange Picker Control


Predefined set of date ranges

A set of predefined items (like the last 30 days or last week) to set date ranges frequently used by the end users.

Preset View Items in WinUI Calendar DateRange Picker


Date restriction

Minimum and Maximum Date Restriction in WinUI Calendar DateRange Picker

Limit date range

Restrict users from selecting a date range within the minimum and maximum dates.

WinUI Calendar DateRange Picker Blackout Dates

Blackout dates

Prevent users from selecting specific dates (example: disable all weekends).

WinUI Calendar DateRange Picker with Limited Selection Duration

Limit selection duration

Limit the duration of the selected range.


Navigating between Views in WinUI Calendar DateRange Picker

Select a date range from a different year, decade, or century easily by navigating to the year, decade, or century views.

WinUI Calendar DateRange Picker Navigation Restriction

Limit navigation within minimum and maximum calendar views. This will be useful when the date range is small, and users do not want to show the century view. The WinUI Calendar DateRange Picker can also be used as a month and year range selector instead of date (example: choosing a credit card validity period).


Watermark

Display hints using watermark text when a date is not selected.

WinUI Calendar DateRange Picker Watermark Text


Globalization

The WinUI Calendar DateRange Picker can be used across the globe by applying regional settings.

Calendar Types aka Calendar Identifier in WinUI Calendar DateRange Picker

Calendar types

The WinUI Calendar DateRange Picker control supports nine different calendar types, such as Gregorian, Julian, Hebrew, and more.

First Day of Week in WinUI Calendar DateRange Picker

First day of week

Sunday is shown as the first day of the week, by default, but this can be changed based on the regional settings.

WinUI Calendar DateRange Picker Date Formatting

Date formatting

The WinUI Calendar DateRange Picker allows different date formats for date, day, and month.

WinUI Calendar DateRange Picker Right-to-Left

Right to left (RTL)

The WinUI Calendar DateRange Picker supports right-to-left language formatting for calendars such as Arabic and Hebrew.


Appearance

Show or hide the drop-down button.

Dropdown Button in WinUI Calendar DateRange Picker

Customize the placement of the drop-down spinner. The WinUI Calendar DateRange Picker smartly shifts the spinner placement if the space is not sufficient.

Dropdown Placement in WinUI Calendar DateRange Picker

Themes

The WinUI Calendar DateRange Picker control includes light, dark, and high contrast themes.

WinUI Calendar DateRange Picker Themes

Customization

Customize the appearance of individual calendar cells using custom templates, styles, and selectors.

WinUI Calendar DateRange Picker Styles


Code Example

Easily get started with the WinUI Calendar DateRange Picker using a few simple lines of XAML and C# code example as demonstrated below. Also explore our WinUI Calendar DateRange Picker Example that shows you how to render and configure the Calendar DateRange Picker in WinUI.

<Page
    x:Class="GettingStarted.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:GettingStarted"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:calendar="using:Syncfusion.UI.Xaml.Calendar"
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Grid Name="grid">
        <!--Adding Calendar DateRange Picker control -->
        <calendar:SfCalendarDateRangePicker Name="sfCalendarDateRangePicker"/>
    </Grid>
</Page>
namespace GettingStarted
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            // Creating an instance of the Calendar control
            SfCalendarDateRangePicker sfCalendarDateRangePicker = new SfCalendarDateRangePicker();
            grid.Children.Add(sfCalendarDateRangePicker);
        }
    }
}



Syncfusion WinUI DataViz & UI Controls

Frequently Asked Questions

  • Four different types of view modes: month, year, decade, and century.
  • Select a date range interactively from the dropdown calendar in the month view.
  • Display week numbers in the dropdown calendar.
  • Display a collection of preset items in the dropdown.
  • Restrict navigation beyond the minimum and maximum dates to prevent users from selecting certain dates.
  • Restrict selection on blackout dates.
  • One of the best WinUI Calendar date range pickers in the market that offers feature-rich UI to interact with the software.
  • Adapts to different cultures instantly.
  • Customize the appearance easily.

You can find our WinUI Calendar DateRange Picker demo here.

No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.

A good place to start would be our comprehensive getting started documentation.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Awards

Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon