PyQt5 QCalendarWidget - Setting Border to the Navigation Bar

In this article we will see how we can set background color to the navigation bar of the QCalendarWidget. In calendar navigation bar is the bar at the top which consist of some buttons, setting background to QCalendarWidget is not like setting background color to the other widgets, calendar is widget which has many child i.e component we can set border to independent component as well. Below is how the navigation bar with background color will look like

In order to do this we will use setStyleSheet method with the QCalendarWidget object, below is the style sheet code

QCalendarWidget QWidget#qt_calendar_navigationbar
{
background-color : lightgreen;
}

Below is the implementation

Python3 1==

# importing libraries
from PyQt5.QtWidgets import * 
from PyQt5 import QtCore, QtGui
from PyQt5.QtGui import * 
from PyQt5.QtCore import * 
import sys

# QCalendarWidget Class
class Calendar(QCalendarWidget):

    # constructor
    def __init__(self, parent = None):
        super(Calendar, self).__init__(parent)



class Window(QMainWindow):

    def __init__(self):
        super().__init__()

        # setting title
        self.setWindowTitle("Python ")

        # setting geometry
        self.setGeometry(100, 100, 500, 400)

        # calling method
        self.UiComponents()

        # showing all the widgets
        self.show()


    # method for components
    def UiComponents(self):

        # creating a QCalendarWidget object
        # as Calendar class inherits QCalendarWidget
        self.calendar = Calendar(self)

        # setting cursor
        self.calendar.setCursor(Qt.PointingHandCursor)

        # setting size of the calendar
        self.calendar.resize(350, 240)

        # move the calendar
        self.calendar.move(10, 10)

        # setting stylesheet
        # adding background color to the calendar's navigation bar
        # adding another background color when mouse hover over it
        self.calendar.setStyleSheet("QCalendarWidget  QWidget# qt_calendar_navigationbar"
                                    "{"
                                    "background-color : lightgreen;"
                                    "}"
                                    "QCalendarWidget  QWidget# qt_calendar_navigationbar::hover"
                                    "{"
                                    "background-color : cyan;"
                                    "}")



# create pyqt5 app
App = QApplication(sys.argv)

# create the instance of our Window
window = Window()

# start the app
sys.exit(App.exec())

Output :

PyQt5 QCalendarWidget - Setting Border to the Navigation Bar

Explore