|
| 1 | +The [Blazor DateRangePicker](https://www.syncfusion.com/blazor-components/blazor-daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) is a lightweight and mobile-friendly component that allows end users to select start and end dates as a range from a calendar pop-up or by entering the value directly in an HTML input text box. |
| 2 | + |
| 3 | +## Features and benefits |
| 4 | + |
| 5 | +### Predefined set of date ranges |
| 6 | + |
| 7 | +Define the preset of ranges (like last 30 days or last week) to set date ranges frequently used by the end users. |
| 8 | + |
| 9 | +### Format date |
| 10 | + |
| 11 | +The Blazor DateRangePicker control formats the value displayed in the input. Formatting displays the date or number based on a specific culture or user need. |
| 12 | + |
| 13 | +### DateRangePicker with multiple language |
| 14 | + |
| 15 | +Globalization translates the names of months, days, and the today button text to any supported language. The date format and first day of the week are set to specific cultures. |
| 16 | + |
| 17 | +### Limit the date selection range |
| 18 | + |
| 19 | +Easily limit selection to a date range with specific minimum and maximum numbers of days (span of days) by setting the min and max days options. |
| 20 | +Date selection within a range |
| 21 | +Enter or select a value within a specific range of dates by defining the min and max properties. |
| 22 | + |
| 23 | +### Date-range validation |
| 24 | + |
| 25 | +The Blazor Date Range Picker allows display of date ranges. When the date value is out of this range, validation error is triggered. . The invalid and out-of-date-range values are set in a disabled state to prevent users from entering them or selecting them. |
| 26 | + |
| 27 | +### Customize DateRangePicker |
| 28 | + |
| 29 | +The appearance of the component can be completely changed. Customize the application’s look and feel according to the requirement. |
| 30 | + |
| 31 | +### Week number |
| 32 | + |
| 33 | +Show the week numbers in the pop-up calendar. |
| 34 | + |
| 35 | +### First day of week |
| 36 | + |
| 37 | +Change the first day of the week for every month. |
| 38 | + |
| 39 | +### Built-in themes |
| 40 | + |
| 41 | +The Blazor DateRangePicker supports several built-in themes such as material, bootstrap, fabric (Office 365), and high contrast. |
| 42 | + |
| 43 | +## Related Links |
| 44 | + |
| 45 | +[Learn about more Blazor DateRangePicker](https://www.syncfusion.com/blazor-components/blazor-daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/> |
| 46 | +[Download Free Trial](https://www.syncfusion.com/downloads/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/> |
| 47 | +[Pricing](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/> |
| 48 | +[Documentation](https://blazor.syncfusion.com/documentation/daterangepicker/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/> |
| 49 | +[Online Examples](https://blazor.syncfusion.com/demos/daterangepicker/default-functionalities?theme=bootstrap4?theme=bootstrap4?theme=bootstrap4?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/> |
| 50 | +[Community Forums](https://www.syncfusion.com/forums/blazor-components/daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/> |
| 51 | +[Suggest a feature](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) |
| 52 | + |
| 53 | +## About Syncfusion Blazor Components |
| 54 | + |
| 55 | +Syncfusion's Blazor component library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to TreeView, we provide popular Blazor components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), and [Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples). |
| 56 | + |
| 57 | +## About Syncfusion |
| 58 | + |
| 59 | +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. |
| 60 | + |
| 61 | +Today, we provide 1600+ controls and frameworks for web ([ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [ASP.NET Web Forms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) or [Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) and [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples), [WinUI(Preview)](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) & [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)). 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. |
| 62 | + |
| 63 | +<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" /> |
| 64 | + |
| 65 | +<p align="center"> |
| 66 | + <a href="mailto:sales@syncfusion.com?Subject=Syncfusion Blazor Date Range Picker - Github" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples">www.syncfusion.com</a> | 1-888-9 DOTNET <br> |
| 67 | +</p> |
0 commit comments