Skip to content

This sample explains how to create a Blazor Calendar component and contains such as specific date range, multidate selection, navigation between calendar views.

Notifications You must be signed in to change notification settings

SyncfusionExamples/get-started-with-blazor-calendar

Repository files navigation

Getting started with the Blazor Calendar Component

The Blazor calendar is a component to display the date and days of the week. A quick-start blazor project that lets you to get start with the Blazor Calendar component of Syncfusion and contains code snippets used to view and select dates. In this project, few of its important features are enabled like setting specific date range values to the calendar, multi-date selection, and navigation between different calendar views such as month, year and decade.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Features and Benefits

Accessibility

The web accessibility makes web content and web applications more accessible for disabled people.It helps disabled persons by providing information about the widget for assistive technology in the screen readers.

Islamic Calendar

In addition to the Gregorian calendar, the Blazor Calendar component supports displaying the Islamic calendar (Hijri calendar).

Multiple date selection

Configure the Blazor Calendar to allow users to select single or multiple date values (sequence or random date selection).

Disabled dates

Disable any date in the Blazor Calendar to make it inactive. Easily prevent the selection of weekends and holidays by disabling them.

Custom calendar

Apart from the standard, built-in theme, the Blazor Calendar component provides complete control over its appearance, allowing you to customize the style to suit your application.

Multi-language calendar

Update the culture-specific date format and first day of the week, and translate the text of month, day,and today buttons to any supported language with built-in globalization features.

Date selection within a date range

You can restrict the Blazor Calendar component so that only a date value within a specific range of dates can be entered or selected by specifying the minimum and maximum date options.

Related links

Learn More about Blazor Calendar

Download Free Trial

Pricing

Documentation

View Demo

Community Forums

Suggest a feature or report a bug

Online example

Video Tutorials

Knowledge base

About Syncfusion Blazor Components

The Syncfusion's Blazor components library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Calendar, we provide popular Blazor Components such as as DataGrid, Charts, Scheduler, Diagram, and Word Processor.

About Syncfusion

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 27,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1700+ components and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, JavaScript, and MAUI(Preview)), and desktop development (WinForms, WPF, WinUI,UWP, Flutter. and MAUI(Preview)). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


sales@syncfusion.com | www.syncfusion.com| Toll Free: 1-888-9 DOTNET

About

This sample explains how to create a Blazor Calendar component and contains such as specific date range, multidate selection, navigation between calendar views.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published