SyncfusionExamples · Sharly-Atieno · Oct 26, 2022 · Nov 18, 2022 · Nov 21, 2022 · Feb 6, 2023
diff --git a/.github/workflows/gitleaks.yaml b/.github/workflows/gitleaks.yaml
@@ -0,0 +1,38 @@
+name: Secret Value found!
+on:
+  push:
+  public:
+jobs:
+  scan:
+    name: gitleaks
+    runs-on: ubuntu-latest
+    steps:
+     - name: Checkout
+       uses: actions/checkout@v3 
+     - name: Install the gitleaks
+       run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
+       shell: pwsh
+     - name: Extract the tar file
+       run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
+     - name: Generate the report
+       id: gitleaks
+       run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
+       shell: bash
+       continue-on-error: true
+     - name: Setup NuGet.exe
+       if: steps.gitleaks.outcome != 'success'
+       uses: nuget/setup-nuget@v1
+       with:
+          nuget-version: latest
+     - name: Install the dotnet
+       if: steps.gitleaks.outcome != 'success'
+       uses: actions/setup-dotnet@v3
+       with:
+          dotnet-version: '3.1.x'
+     - name: Install the report tool packages
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+           nuget install "Syncfusion.Email" -source "https://nexus.syncfusion.com/repository/nuget-hosted/"
+           dir $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1
+           dotnet $GITHUB_WORKSPACE/Syncfusion.Email.1.0.0/lib/netcoreapp3.1/Email.dll "citeam@syncfusion.com" "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE"
+           exit 1
diff --git a/README.md b/README.md
@@ -1,13 +1,60 @@
 # 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 TimePcker](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.
+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 formatting
+
+The React Material TimePicker component has a default, culture-specific time format, but it can be custom formatted.
+
+## Globalization
+
+The TimePicker component in React supports [globalization](https://ej2.syncfusion.com/react/documentation/timepicker/globalization/?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples) like internationalization and localization that updates the time format value in the pop-up list to match a specified culture.
+
+## Time range
+
+Restrict the entry or selection of a time value within a specific range of time by using min and max properties.
+
+## Time formatting
+
+The react Material TimePicker component has a default, culture-specific time format, but it can be custom formatted
+
+## 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/react?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)
+
+[Pricing](https://www.syncfusion.com/sales/products/react?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-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)
+
+[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/react?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)
+
+[Online example](https://ej2.syncfusion.com/react/demos/#/material/timepicker/default?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples)
+
+[Knowledge base](https://www.syncfusion.com/kb/react-ui-components?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/vue-components/vue-grid?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Charts](https://www.syncfusion.com/vue-components/vue-charts?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Scheduler](https://www.syncfusion.com/vue-components/vue-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Diagram](https://www.syncfusion.com/vue-components/vue-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), and [Word Processor](https://www.syncfusion.com/vue-components/vue-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 1700+ components 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), [Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [React](https://www.syncfusion.com/react-ui-components?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples), [Vue](https://www.syncfusion.com/vue-ui-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 ([WinForms](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), [Flutter](https://www.syncfusion.com/flutter-widgets?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.
+
+<hr style="height:0.3px;border:none;color:lightgrey;background-color:lightgrey;" />
+
+<p align="center">
+<a href="mailto:sales@syncfusion.com?Subject=Syncfusion React TimePicker - GitHub" target="_top">sales@syncfusion.com</a> | <a href="https://www.syncfusion.com?utm_source=github&utm_medium=listing&utm_campaign=react-timepicker-github-samples">www.syncfusion.com</a> | Toll Free: 1-888-9 DOTNET <br>
+</p>