The buttons option lets you create any custom button and set up a handler function for it. In the following example I’ve overwritten the ‘Set’ button with a custom one:
Component.ts:
@ViewChild('picker', { static: false })
inst!: MbscDatepicker;
btns = [
{
text: 'Set',
handler: (event: any) => {
// use the picker instance here
console.log(this.inst!.getVal());
},
},
'cancel',
];
Template:
<mbsc-datepicker
#picker
[controls]="['calendar']"
select="range"
label="Range"
placeholder="Please Select..."
[touchUi]="true"
[buttons]="btns"
></mbsc-datepicker>
Is this what you’ve been looking for?