diff --git a/README.md b/README.md index 0b44dbc..482c507 100644 --- a/README.md +++ b/README.md @@ -1,6 +1,6 @@ # Getting Started with the Angular DateRangePicker Component -A quick-start Angular project that shows how to work with the Angular DateRangePicker component of Syncfusion. This project contains simple code customizations, as well as some important features like setting specific date range values, format, placeholder, range restrictions, day span, and month range picker. +A quick-start Angular project that shows how to work with the [Angular DateRangePicker](https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) component of Syncfusion. This project contains simple code customizations, as well as some important features like setting specific date range values, format, placeholder, range restrictions, day span, and month range picker. Documentation: https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started/ Online examples: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/daterangepicker/default @@ -12,3 +12,39 @@ Make sure that you have the latest versions of NodeJS and Visual Studio Code in ### How to run this application? To run this application, you need to clone the `getting-started-with-the-angular-daterangepicker-component` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using the `npm install` command and run your project using the `ng serve` command. + + +## Key features + +* [Preset ranges](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/presets?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - Defines the preset ranges to select the frequently used date range by the end users. +* [Range restriction](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/date-range?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - This control restricts the entry or selection of values within a specific range of date by defining the min and max properties. +* [Limit the selection range](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/day-span?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - Directs the end user to select only the date range with specific minimum and maximum number of days’ count by setting the minDays and maxDays options. +* [First day of week](https://ej2.syncfusion.com/angular/documentation/daterangepicker/customization/#first-day-of-week?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - Changes the first day of weeks in every month. +* [Strict mode](https://ej2.syncfusion.com/angular/documentation/daterangepicker/range-selection/#strict-mode?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - The strictMode is an act that allows entry only of a valid date within the specified min and max range in a textbox. +* [Customization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/customization/#daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - The appearance of the component can be customized completely. +* [Format](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/date-format?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - The control’s input value can be custom formatted apart from the default culture’s specific date range format. +* [Globalization](https://ej2.syncfusion.com/angular/documentation/daterangepicker/globalization/#globalization?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) - Supports globalization (internationalization and localization) to translate the names of months, days, and button text to any supported language. + +## Related links +[Learn More about Angular DateRangePicker](https://www.syncfusion.com/angular-components/angular-daterangepicker?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[Download Free Trial](https://www.syncfusion.com/downloads/angular/confirm?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[Documentation](https://ej2.syncfusion.com/angular/documentation/daterangepicker/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[View Demos](https://ej2.syncfusion.com/angular/demos/#/material/daterangepicker/default?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[Community Forums](https://www.syncfusion.com/forums/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[Knowledge Base](https://support.syncfusion.com/kb/web/section/683?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)

+[Suggest a feature](https://www.syncfusion.com/feedback/angular?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) + +## About Syncfusion Angular UI Components +Syncfusion's [Angular Components](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples) library is the only suite that you will ever need to build an application since it contains over 80 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to Date Range Picker, we provide popular Angular Components such as [Angular Grid](https://www.syncfusion.com/angular-components/angular-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Angular Charts](https://www.syncfusion.com/angular-components/angular-charts?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Angular ListView](https://www.syncfusion.com/angular-components/angular-listview?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Angular Diagram](https://www.syncfusion.com/angular-components/angular-diagram?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Angular Tree Grid](https://www.syncfusion.com/angular-components/angular-tree-grid?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), and [Angular PDF Viewer](https://www.syncfusion.com/angular-components/angular-pdf-viewer?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples). + +## About Syncfusion +Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 29,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies. + +Today, we provide 1800+ components and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), and [.NET MAUI)](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=angular-daterangepicker-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. + +
+ +

+ sales@syncfusion.com | www.syncfusion.com | 1-888-9 DOTNET
+

\ No newline at end of file