sample(BLAZ-11551): GitHub - Blazor DateRangePicker Keywords changes are committed in the master branch.

Blazor DateRangePicker-GitHub.md

@@ -0,0 +1,67 @@
+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.
+
+## Features and benefits
+
+### Predefined set of date ranges
+
+Define the preset of ranges (like last 30 days or last week) to set date ranges frequently used by the end users.
+
+### Format date
+
+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.
+
+### DateRangePicker with multiple language
+
+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.
+
+### Limit the date selection range
+
+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.
+Date selection within a range
+Enter or select a value within a specific range of dates by defining the min and max properties.
+
+### Date-range validation
+
+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.
+
+### Customize DateRangePicker	
+
+The appearance of the component can be completely changed. Customize the application’s look and feel according to the requirement.
+
+### Week number
+
+Show the week numbers in the pop-up calendar.
+
+### First day of week
+
+Change the first day of the week for every month.
+
+### Built-in themes
+
+The Blazor DateRangePicker supports several built-in themes such as material, bootstrap, fabric (Office 365), and high contrast.
+
+## Related Links
+
+[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/>
+[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/>
+[Pricing](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples) <br/><br/>
+[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/>
+[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/>
+[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/>
+[Suggest a feature](https://www.syncfusion.com/feedback/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=blazor-date-range-picker-github-samples)
+
+## About Syncfusion Blazor Components
+
+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).
+
+## About Syncfusion
+
+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.
+
+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.
+
+<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />
+
+<p align="center">
+  <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>
+</p>

Pages/_Host.cshtml

@@ -10,7 +10,7 @@
 <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>dropdown-list</title>
+    <title>Getting Started with Blazor DateRangePicker | Syncfusion Blazor</title>
     <base href="~/" />
     <link rel="stylesheet" href="css/bootstrap/bootstrap.min.css" />
     <link href="css/site.css" rel="stylesheet" />

Shared/NavMenu.razor

@@ -1,5 +1,5 @@
 <div class="top-row pl-4 navbar navbar-dark">
-    <a class="navbar-brand" href="">dropdown-list</a>
+    <a class="navbar-brand" href="">Getting Started with Blazor DateRangePicker | Syncfusion Blazor</a>
     <button class="navbar-toggler" @onclick="ToggleNavMenu">
         <span class="navbar-toggler-icon"></span>
     </button>