feat: decoupling datetime picker from ion-datetime input

Feature Request

Ionic version: [x] 4.x

Describe the Feature Request Currently it is only possible to use a datetime picker with a ion-datetime input field. The generation of a datetime picker is binded to this component.

This feature request is about decoupling the logic from the ion-datetime component and move it to a separate controller, e.g. ion-datetime-picker-controller.

This would make it possible to open a datetime picker without a input element (currently only possible with a hidden DOM element). Another benefit of pulling out logic from this component is its size (~670 locs).

Describe Preferred Solution

• a new controller which can create datetime picker instances

Describe Alternatives

• alternatively expose methods to create datetime picker cleverly from ion-datetime input component

Related Code pseudo code

const dateTimeController = document.querySelector('ion-datetime-picker-controller');
const picker = await dateTimeController.create({
value: new Date(),
buttons: [
  {
	text: 'Cancel',
	role: 'cancel'
  },
  {
	text: 'Confirm',
	handler: (value) => {
	  console.log(`Got Value ${value}`);
	}
  }
]
});
await picker.present();

Additional Context

[nicobytes]

Hello!

It would be great use ion-picker like a component. Like this:

[liamdebeasi]

You are referring to being able to use ion-datetime inline like this, correct?