What is exactly the effect you would like to achieve? If you would like the entire text to be visible, no matter how wide the screen is, I suggest creating a responsive layout:

<template>
    <mdb-container>
        <mdb-row>
            <mdb-col sm="12" md="6" > <mdb-datepicker /> </mdb-col>
            <mdb-col sm="12" md="6" > <mdb-datepicker /> </mdb-col>
        </mdb-row>
    </mdb-container>
</template>

Or you can use text ellipsis, which will cut the label and add ... at the end. This feature will be added to our datepicker in the future, but in the meantime, you can just use the following styling:

.mdb-datepicker label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

Kind regards, Magdalen