feat(datetime): add size property (#23649)

resolves #23518

core/src/components/datetime/usage/angular.md

@@ -26,6 +26,9 @@
 <!-- Selecting time first, date second -->
 <ion-datetime presentation="time-date"></ion-datetime>
 
+<!-- Full width size -->
+<ion-datetime size="cover"></ion-datetime>
+
 <!-- Custom title -->
 <ion-datetime>
   <div slot="title">My Custom Title</div>

core/src/components/datetime/usage/javascript.md

@@ -26,6 +26,9 @@
 <!-- Selecting time first, date second -->
 <ion-datetime presentation="time-date"></ion-datetime>
 
+<!-- Full width size -->
+<ion-datetime size="cover"></ion-datetime>
+
 <!-- Custom title -->
 <ion-datetime>
   <div slot="title">My Custom Title</div>

core/src/components/datetime/usage/react.md

@@ -52,6 +52,9 @@ export const DateTimeExamples: React.FC = () => {
       
       {/* Selecting time first, date second */}
       <IonDatetime presentation="time-date"></IonDatetime>
+
+      {/* Full width size */}
+      <IonDatetime size="cover"></IonDatetime>
       
       {/* Custom title */}
       <IonDatetime>

core/src/components/datetime/usage/stencil.md

@@ -50,6 +50,9 @@ export class DatetimeExample {
       
       {/* Selecting time first, date second */}
       <ion-datetime presentation="time-date"></ion-datetime>,
+
+      {/* Full width size */}
+      <ion-datetime size="cover"></ion-datetime>,
       
       {/* Custom title */}
       <ion-datetime>

core/src/components/datetime/usage/vue.md

@@ -26,6 +26,9 @@
   
   <!-- Selecting time first, date second -->
   <ion-datetime presentation="time-date"></ion-datetime>
+
+  <!-- Full width size -->
+  <ion-datetime size="cover"></ion-datetime>
   
   <!-- Custom title -->
   <ion-datetime>