Proposal for a new component: CalendarSoftRange

[juliocmbueno]

Proposal for a new component: CalendarSoftRange

Hello PrimeNG Team,

I am a developer who has been working with your library since Angular version 5, and I would like to share an idea for a new component inspired by a use case that arose in our application.

Recently, we received feedback from one of our users regarding the "Calendar" component when using the selectionMode set to range. In a specific screen in our system, we display two side-by-side charts, allowing users to compare data from different time ranges selected through the "Calendar".

The main request was for a simpler way to select predefined periods such as "Daily," "Weekly," "Monthly," or even a custom range, along with the ability to navigate between periods using previous and next buttons.

To address this, we created an internal component named CalendarSoftRange that streamlines this type of date manipulation. The feedback from our users has been overwhelmingly positive, which encouraged us to share the idea with you. We hope it might eventually be incorporated into the PrimeNG library!

What's included in this PR:

• A new component called CalendarSoftRange, located under the "Misc" menu.
• An intuitive interface composed of:
  • A dropdown to select predefined periods.
  • A label displaying the date corresponding to the selected period.
  • Two buttons to navigate between previous and next periods.
• Comprehensive documentation with usage examples, including:
  • "Basic" usage
  • "Reactive Forms"
  • "Filled"
  • "Disabled"

Below is a preview of the component:

Please note that the API documentation has not been finalized, as the goal of this PR is to present the idea and gather feedback from your team.

We are eager to hear your thoughts regarding the feasibility and usefulness of this component in the PrimeNG library. If you find the idea promising, I would be happy to make any adjustments or improvements needed.

Thank you for the opportunity and for the fantastic work you’ve done with PrimeNG!

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

| Name | Status | Preview | Updated (UTC) | | :--- | :----- | :------ | :------ | | **primeng** | ⬜️ Ignored ([Inspect](https://vercel.com/primetek/primeng/2z4aeoDdp8PfBmVdLgEoARVrDncz)) | [Visit Preview](https://primeng-git-fork-juliocmbueno-primeng-calendars-ad6b78-primetek.vercel.app) | Nov 18, 2024 8:11pm |

[vercel[bot]]

Someone is attempting to deploy a commit to the primetek Team on Vercel.

A member of the Team first needs to authorize it.

[mertsincan]

Hi @juliocmbueno,

Thanks a lot for your contribution! We'll review and get back to you.