PrimeVue Calendar Component - Not Easy to Select the Year

[kitrin]

Hi,

I'm using the Avalon PrimeVue theme, and am struggling to make the Calendar component usable. I'm using the code exactly as per the example in https://primevue.org/calendar/#basic, but cannot see why my component is different.

Below is a copy of the package.json, and attached are some screenshots of my Calendar component and the example one on the PrimeVue website.

{
"name": "avalon",
"version": "3.2.0",
"private": true,
"scripts": {
"full": "json-server ./db/isopractice.json & vue-cli-service serve",
"serve": "vue-cli-service serve",
"generate": "json-server ./db/generate.js",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint",
"test:unit": "vue-cli-service test:unit"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0",
"@vue/cli-plugin-router": "~4.5.0",
"@vue/cli-plugin-unit-jest": "~4.5.0",
"@vue/cli-service": "~4.5.0",
"@vue/compiler-sfc": "^3.2.25",
"@vue/test-utils": "^2.0.0-0",
"babel-core": "7.0.0-bridge.0",
"babel-eslint": "^10.0.1",
"babel-jest": "^25.0.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^7.0.0-0"
},
"dependencies": {
"@fullcalendar/core": "^5.7.2",
"@fullcalendar/daygrid": "^5.7.2",
"@fullcalendar/interaction": "^5.7.2",
"@fullcalendar/timegrid": "^5.7.2",
"@fullcalendar/vue3": "^5.7.2",
"axios": "^0.21.1",
"chart.js": "3.3.2",
"core-js": "^3.6.5",
"dayjs": "^1.11.4",
"faker": "^5.5.3",
"json-server": "^0.17.0",
"lodash": "^4.17.21",
"moment": "^2.29.1",
"numeral": "^2.0.6",
"pinia": "^2.0.12",
"pinia-plugin-persistedstate": "^3.0.2",
"primeflex": "2.0.0",
"primeicons": "^6.0.0",
"primevue": "3.7.1",
"prismjs": "^1.9.0",
"quill": "^1.3.7",
"sass": "^1.37.5",
"sass-loader": "^10.0.0",
"vue": "^3.2.25",
"vue-router": "^4.0.12"
}
}

[tugce.kucukoglu]

Sorry for the delayed answer.

I can not replicate the issue. How can I see the problem?