ionic-team / ionic-team/ionic-framework

feat: Datetime component custom hooks

Open
#29,959 0 comments 0 reactions 0 assignees View on GitHub
triage
Dominant language
TypeScript
Stars
52.7k
Forks
13.3k
Avg merge
1d 15h
Merged PRs (30d)
51

Description

### Prerequisites

- [X] I have read the [Contributing Guidelines](https://github.com/ionic-team/ionic-framework/blob/main/docs/CONTRIBUTING.md#creating-an-issue).
- [X] I agree to follow the [Code of Conduct](https://ionicframework.com/code-of-conduct).
- [X] I have searched for [existing issues](https://github.com/ionic-team/ionic-framework/issues) that already include this feature request, without success.

### Describe the Feature Request

Hey, it's quite straightforward. It'd be great if somehow we could get custom hooks when certain actions happen inside components that are in the shadow dom. Specifically, in Datetime it would be great to know when the month is being rendered

### Describe the Use Case

I want to be able to add different icons to the datetime calendar depending on whether they have activity or not (coming from an external source.

### Describe Preferred Solution

It should be quite easy:

Add a prop onRenderMonth to the component.

Line 2384 of ionic-framework/core/src/components/datetime/datetime.tsx
`onRenderMonth()
return this.renderMonth(month, year);`

### Describe Alternatives

_No response_

### Related Code

_No response_

### Additional Information

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.