From 0c4380b61f36666490eba5c0275bb9c81d558b52 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Wed, 26 Oct 2022 09:31:44 +0300 Subject: [PATCH 1/3] React DateTime Picker External Linking --- README.md | 69 ++++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 63 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 291211f..80aec20 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,70 @@ # Getting Started with the React DateTime Picker in 5 Minutes -A quick-start project that helps you to create a new React application using Create React App toolchain and add the React DateTime picker to it. This project contains simple code customizations, as well as some important features like setting specific date time values, formats and range restriction for date time selection. - -Documentation: https://ej2.syncfusion.com/react/documentation/datetimepicker/getting-started/ - -Online examples: https://ej2.syncfusion.com/react/demos/#/material/datetimepicker/default +The [React DateTime Picker](https://www.syncfusion.com/react-components/react-datetime-picker?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) is a lightweight and mobile-friendly component that allows end users to enter or select date and time values from a pop-up calendar and drop-down time list. A quick-start project that helps you to create a new React application using Create React App toolchain and add the React DateTime picker to it. This project contains simple code customizations, as well as some important features like setting specific date time values, formats and range restriction for date time selection. ## 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-datetime-picker-in-5-minutes` 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-datetime-picker-in-5-minutes` 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-time input + +Allows users to enter valid dates and times in the correct format and avoid data input errors during data entry. + +## Custom date and time format + +The DateTime Picker allows users to format the display of time and date, and also set custom time and date formats in the text box to improve readability. + +## Date and time range + +Restrict the React Date Time Picker, so that only date and time values within a specific range can be entered or selected in React Date Picker by specifying the min and max date time options. + +## Disable dates + +Disable any date in the React DateTime Picker to show it as an inactive date. Easily prevent weekends and holidays from selection by disabling them in the pop-up calendar. + +## DateTime Picker in multiple languages + + Extract a specific culture, datetime format, and first day of the week, and translate the names of months, days, and today button text to the current culture with globalization feature in react calendar component. + +## Date and time validation + +Allow only valid values to be entered in the React DateTime Picker component's input by validating them with disabled, out-of-min, and out-of-max date-time. + +## Related links +[Learn More about React DateTime Picker](https://www.syncfusion.com/react-components/react-datetime-picker?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Download Free Trial](https://www.syncfusion.com/downloads/react?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Pricing](https://www.syncfusion.com/sales/products/react?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Documentation](https://ej2.syncfusion.com/react/documentation/datetimepicker/getting-started/?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[View Demos](https://github.com/SyncfusionExamples/getting-started-with-the-react-datetime-picker-in-5-minutes?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Community Forums](https://www.syncfusion.com/forums/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Suggest a feature or report a bug](https://www.syncfusion.com/feedback/react?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Online example](https://ej2.syncfusion.com/react/demos/#/material/datetimepicker/default?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + +[Knowledge base](https://www.syncfusion.com/kb/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) + + +## About Syncfusion React UI Components + +Syncfusion's [React UI Components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) library is the only suite that you will ever need to build an application since it contains over 70 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to datetime-picker, we provide popular React Components such as [DataGrid](https://www.syncfusion.com/react-components/react-data-grid?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-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-datetime-picker-github-samples), [ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [react](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [React](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Vue](https://www.syncfusion.com/vue-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), and [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples)), mobile ([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples)), and desktop development ([WinForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [WPF](https://www.syncfusion.com/wpf-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [WinUI](https://www.syncfusion.com/winui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples),[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), and [.NET MAUI](https://www.syncfusion.com/maui-controls?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-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. + +
+ +

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

From 4f90c0c32a0e968fad79b9d5f1ad9f03fa12ce41 Mon Sep 17 00:00:00 2001 From: Yvone-Atieno <95272306+Yvone-Atieno@users.noreply.github.com> Date: Tue, 15 Nov 2022 08:18:20 +0300 Subject: [PATCH 2/3] changed high performance --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 80aec20..1210efc 100644 --- a/README.md +++ b/README.md @@ -56,7 +56,7 @@ Allow only valid values to be entered in the React DateTime Picker component's i ## About Syncfusion React UI Components -Syncfusion's [React UI Components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples) library is the only suite that you will ever need to build an application since it contains over 70 high-performance, lightweight, modular, and responsive UI Components in a single package. In addition to datetime-picker, we provide popular React Components such as [DataGrid](https://www.syncfusion.com/react-components/react-data-grid?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples). +Syncfusion's [React UI Components](https://www.syncfusion.com/react-components?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-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 datetime-picker, we provide popular React Components such as [DataGrid](https://www.syncfusion.com/react-components/react-data-grid?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Charts](https://www.syncfusion.com/react-components/react-charts?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Scheduler](https://www.syncfusion.com/react-components/react-scheduler?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), [Diagram](https://www.syncfusion.com/react-components/react-diagram?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-github-samples), and [Word Processor](https://www.syncfusion.com/react-components/react-word-processor?utm_source=github&utm_medium=listing&utm_campaign=react-datetime-picker-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. From aeed9c1a967efa8d6ecbf06f5e0dff8170b0473a Mon Sep 17 00:00:00 2001 From: VinothKumar-Ganesan <121218063+VinothKumar-Ganesan@users.noreply.github.com> Date: Mon, 6 Feb 2023 16:39:36 +0530 Subject: [PATCH 3/3] Gitleaks action file added --- .github/workflows/gitleaks.yaml | 38 +++++++++++++++++++++++++++++++++ 1 file changed, 38 insertions(+) create mode 100644 .github/workflows/gitleaks.yaml diff --git a/.github/workflows/gitleaks.yaml b/.github/workflows/gitleaks.yaml new file mode 100644 index 0000000..d9a8e36 --- /dev/null +++ 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 \ No newline at end of file