From 3b99b2aea4c2c8728b48057ecd8771c677d18159 Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Tue, 21 Nov 2023 10:03:49 +0300 Subject: [PATCH 1/2] SEO-177254-React-TimePicker-External-Linking --- README.md | 45 +++++++++++++++++++++++++++++++++++++++------ 1 file changed, 39 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index e527caf..bcd6719 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,46 @@ # Getting started with the React TimePicker -Quickly get started with the Syncfusion React TimePicker sample created using the `Create React App` toolchain. This project contains a few of the control’s basic features, like setting specific time values and formats. - -Documentation: https://ej2.syncfusion.com/react/documentation/timepicker/getting-started/ - -Online examples: https://ej2.syncfusion.com/react/demos/#/material/timepicker/default +The [React Time Picker](https://www.syncfusion.com/react-components/react-timepicker?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) is a lightweight and mobile-friendly component that allows end users to select a time value either from a pop-up time list or by entering the value directly in the text box. Quickly get started with the Syncfusion React TimePicker sample created using the `Create React App` toolchain. This project contains a few of the control’s basic features, like setting specific time 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-timepicker` 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-timepicker` 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 + +### Time range +Restrict the entry or selection of a time value within a specific range of time by using min and max properties. + +### Globalization +The React TimePicker component supports globalization like internationalization and localization that updates the time format value in the pop-up list to match a specified culture. + +### Time interval +Increment or decrement each time value of the selection list by one step at a time. You can change the steps based on your needs. + +## Related links +[Learn More about React TimePicker](https://www.syncfusion.com/react-components/react-timepicker?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Documentation](https://ej2.syncfusion.com/react/documentation/timepicker/getting-started?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-react-timepicker?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Community Forums](https://www.syncfusion.com/forums/react-js2?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Suggest a feature](https://www.syncfusion.com/feedback/react?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Online Examples](https://ej2.syncfusion.com/react/demos/#/bootstrap5/timepicker/default?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) + +## About Syncfusion React Components + +Syncfusion's [React Components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-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 TimePicker, 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-timepicker-github-samples), [Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-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+ controls and frameworks for web ([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [react](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples),[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)), and desktop development ([Windows Forms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-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 From 11f0745962a829d3462841dfe354dbcca22ae5a4 Mon Sep 17 00:00:00 2001 From: Scholar Jaruha Date: Tue, 21 Nov 2023 11:11:37 +0300 Subject: [PATCH 2/2] Update README.md --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index bcd6719..777d9d0 100644 --- a/README.md +++ b/README.md @@ -21,7 +21,7 @@ Increment or decrement each time value of the selection list by one step at a ti ## Related links [Learn More about React TimePicker](https://www.syncfusion.com/react-components/react-timepicker?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) -[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) +[Download Free Trial](https://www.syncfusion.com/downloads/react?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) [Pricing](https://www.syncfusion.com/sales/teamlicense?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) [Documentation](https://ej2.syncfusion.com/react/documentation/timepicker/getting-started?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) [View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-react-timepicker?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)