From 7db2e98f7b7945315661019c9e5d8ce6918c487b Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Fri, 9 Jun 2023 11:31:38 +0300 Subject: [PATCH 1/2] SEO-136418-React-DatePicker --- README.md | 64 +++++++++++++++++++++++++++++++++++++++++++++++++------ 1 file changed, 58 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 29609a9..d8c5280 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,65 @@ # Getting started with the React DatePicker -Quickly get started with the Syncfusion React DatePicker sample created using the `Create React App` toolchain. This project contains a few of the control’s basic features, like setting specific date values and formats. - -Documentation: https://ej2.syncfusion.com/react/documentation/datepicker/getting-started/ - -Online examples: https://ej2.syncfusion.com/react/demos/#/material/datepicker/default +The [React DatePicker](https://www.syncfusion.com/react-components/react-datepicker?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) is a lightweight and mobile-friendly component that allows end users to enter or select a date value. Quickly get started with the Syncfusion React DatePicker sample created using the `Create React App` toolchain. This project contains a few of the control’s basic features, like setting specific date values and formats. # Project prerequisites Make sure that you have the lastest versions of NodeJS and visual studio code in your machine before starting to work on this project. # How to run this application? -To run this application, you need to clone the `getting-started-with-the-react-datepicker` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using `npm install` command and run your project using the `npm start` command. \ No newline at end of file +To run this application, you need to clone the `getting-started-with-the-react-datepicker` repository and then open it in Visual Studio Code. Now, simply install all the necessary react packages into your current project using `npm install` command and run your project using the `npm start` command. + +## Features and Benefits + +## Masked Date Input + +Enter valid dates in the correct format and avoid data input errors during data entry. + +## Month or year picker + +Select only a month or a year as a value (Month Picker or Year Picker) from a pop-up calendar. + +## Custom date format + +Change the default culture's specific date format in the text box to improve readability or to enter the date properly. + +## Date selection within a date range + +Restrict the users from selecting a date within the particular range of dates by using the min and max date options. + +## Related Links + +[Learn More about React DatePicker](https://www.syncfusion.com/react-components/react-datepicker?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Download Free Trial](https://www.syncfusion.com/downloads/react?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Pricing](https://www.syncfusion.com/sales/products/react?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Documentation](https://react.syncfusion.com/documentation/datepicker/getting-started?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-react-datepicker.git?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Community Forums](https://www.syncfusion.com/forums/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Online example](https://ej2.syncfusion.com/react/demos/#/material/datepicker/default?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Video Tutorials](https://www.syncfusion.com/tutorial-videos/react/toolbar?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +[Knowledge base](https://www.syncfusion.com/kb/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) + +## About Syncfusion React Components + +The Syncfusion's [React components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) library offers over 75 UI components to work with React server-side and client-side (React WebAssembly) projects seamlessly. In addition to DatePicker, we provide popular React Components such as [DataGrid](https://www.syncfusion.com/react-components/react-grid?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples),[Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-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 ([Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Angular](https://www.syncfusion.com/angular-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-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 | Toll Free: 1-888-9 DOTNET
\ No newline at end of file From 164ea72a3979b4f3408a8964e5c8f909a4b1284f Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Wed, 12 Jul 2023 14:20:16 +0300 Subject: [PATCH 2/2] Update README.md --- README.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/README.md b/README.md index d8c5280..14315a2 100644 --- a/README.md +++ b/README.md @@ -30,9 +30,9 @@ Restrict the users from selecting a date within the particular range of dates by [Learn More about React DatePicker](https://www.syncfusion.com/react-components/react-datepicker?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) -[Download Free Trial](https://www.syncfusion.com/downloads/react?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads/react/confirm?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) -[Pricing](https://www.syncfusion.com/sales/products/react?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) +[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) [Documentation](https://react.syncfusion.com/documentation/datepicker/getting-started?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) @@ -46,11 +46,11 @@ Restrict the users from selecting a date within the particular range of dates by [Video Tutorials](https://www.syncfusion.com/tutorial-videos/react/toolbar?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) -[Knowledge base](https://www.syncfusion.com/kb/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) +[Knowledge base](https://support.syncfusion.com/kb/web/category/72?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) ## About Syncfusion React Components -The Syncfusion's [React components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) library offers over 75 UI components to work with React server-side and client-side (React WebAssembly) projects seamlessly. In addition to DatePicker, we provide popular React Components such as [DataGrid](https://www.syncfusion.com/react-components/react-grid?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples),[Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples). +The Syncfusion's [React components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) library offers over 80 UI components to work with React server-side and client-side (React WebAssembly) projects seamlessly. In addition to DatePicker, we provide popular React Components such as [DataGrid](https://www.syncfusion.com/react-components/react-grid?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples),[Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples) and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-datepicker-github-samples). ### About Syncfusion