Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Vuetify remove the body title month and year element from date picker component

initially the date picker component is like this:

initial view

I used the min, max props to disable all the other months except one so that the left and right icons are disabled and removed.

current view

What I want to do is, remove the month and year title in the body so that only weekdays are visible to the user. So the final thing would look something like this:

final view

is it possible to do something like this?

like image 477
Soundeaf Avatar asked Sep 18 '25 07:09

Soundeaf


2 Answers

You can use the no-title prop inside your date-picker. =D

like image 182
Ayred Antara Caicedo Torres Avatar answered Sep 19 '25 22:09

Ayred Antara Caicedo Torres


You can hide it with CSS:

.v-date-picker-header {
  display: none
}

See an example codepen here.

like image 28
morphatic Avatar answered Sep 19 '25 22:09

morphatic