---
title: "JavaScript Year Month Calendar Picker"
description: "Explore the flexibility of JavaScript Year Month Picker, tailored for scenarios requiring exclusive Month/Year selection, offering precise and streamlined inputs for developers."
source: https://jsuites.net/docs/javascript-calendar/year-month
---
Learn how to configure the jSuites calendar plugin as a year-and-month picker. This setup disables daily selection, making it ideal for applications requiring precise year and month input, such as reports, archives, or date range filtering.
## Example
### Year-Month Picker Configuration
The following example demonstrates how to enable the year-and-month picker with a defined format and valid date range:
```html
```
```jsx
import { Calendar } from 'jsuites/react'
import { useRef } from 'react'
import 'jsuites/dist/jsuites.css'
function App() {
const calendar = useRef(null);
return (
);
}
export default App;
```
```vue
```
## More examples
Explore additional use cases for the jSuites JavaScript Calendar plugin:
* [Year and Month Selection](/docs/javascript-calendar/year-month)
* [JavaScript Calendar Events](/docs/javascript-calendar/events)
* [Calendar Date Range Validations](/docs/javascript-calendar/valid-range)
* [International Settings](/docs/javascript-calendar/international)
* [Responsive JavaScript Calendar](/docs/javascript-calendar/mobile)