fix(datetime): use spread operator to copy pickerOptions (#13202)

* fix(datetime): use spread operator to copy pickerOptions to keep functions

* style(datetime): fix typo in comment

fixes #11641

src/components/datetime/datetime.ts

@@ -522,8 +522,8 @@ export class DateTime extends BaseInput<DateTimeData> implements AfterContentIni
 
     console.debug('datetime, open picker');
 
-    // the user may have assigned some options specifically for the alert
-    const pickerOptions = deepCopy(this.pickerOptions);
+    // the user may have assigned some options specifically for the picker
+    const pickerOptions = {...this.pickerOptions};
 
     // Configure picker under the hood
     const picker = this._picker = this._pickerCtrl.create(pickerOptions);

src/components/datetime/test/basic/pages/root-page/root-page.html

@@ -16,7 +16,7 @@
 
   <ion-item>
     <ion-label>MM DD YY</ion-label>
-    <ion-datetime pickerFormat="YYYY-MM-DDThh:mm" [(ngModel)]="placeholderDate" placeholder="Select Date"></ion-datetime>
+    <ion-datetime pickerFormat="YYYY-MM-DDThh:mm" [pickerOptions]="customOptions" [(ngModel)]="placeholderDate" placeholder="Select Date"></ion-datetime>
   </ion-item>
 
   <ion-item>

src/components/datetime/test/basic/pages/root-page/root-page.ts

@@ -31,6 +31,16 @@ export class RootPage {
     'l\u00f8r'
   ];
 
+  customOptions: any = {
+    buttons: [{
+      text: 'Save',
+      handler: () => console.log('Clicked Save!')
+    }, {
+      text: 'Log',
+      handler: () => console.log('Clicked Log!')
+    }]
+  };
+
   onChange(ev: any) {
     console.log('Changed', ev);
   }