Skip to content

Commit 9ce57c4

Browse files
Merge pull request #3 from BerlyChristopher/master
sample(BLAZ-11551): GitHub - Blazor DateRangePicker README changes are committed
2 parents 29e52cc + ecd44c0 commit 9ce57c4

File tree

4 files changed

+69
-22
lines changed

4 files changed

+69
-22
lines changed

Blazor DateRangePicker-GitHub.md

Lines changed: 67 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,67 @@
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>

Pages/_Host.cshtml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,7 @@
1010
<head>
1111
<meta charset="utf-8" />
1212
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
13-
<title>dropdown-list</title>
13+
<title>Getting Started with Blazor DateRangePicker | Syncfusion Blazor</title>
1414
<base href="~/" />
1515
<link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
1616
<link href="css/site.css" rel="stylesheet" />

README.md

Lines changed: 0 additions & 20 deletions
This file was deleted.

Shared/NavMenu.razor

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<div class="top-row pl-4 navbar navbar-dark">
2-
<a class="navbar-brand" href="">dropdown-list</a>
2+
<a class="navbar-brand" href="">Getting Started with Blazor DateRangePicker | Syncfusion Blazor</a>
33
<button class="navbar-toggler" @onclick="ToggleNavMenu">
44
<span class="navbar-toggler-icon"></span>
55
</button>

0 commit comments

Comments
 (0)