Fix typo in month dropdown selected option class (Hacker0x01#1902)

Author: CianM

src/month_dropdown_options.jsx

@@ -14,7 +14,7 @@ export default class MonthDropdownOptions extends React.Component {
       <div
         className={
           this.props.month === i
-            ? "react-datepicker__month-option --selected_month"
+            ? "react-datepicker__month-option react-datepicker__month-option--selected_month"
             : "react-datepicker__month-option"
         }
         key={month}

test/month_dropdown_test.js

@@ -41,7 +41,7 @@ describe("MonthDropdown", () => {
       monthDropdown = getMonthDropdown();
     });
 
-    it("shows the selected yonth in the initial view", () => {
+    it("shows the selected month in the initial view", () => {
       expect(monthDropdown.text()).to.contain("December");
     });
 
@@ -53,6 +53,16 @@ describe("MonthDropdown", () => {
       expect(optionsView).to.exist;
     });
 
+    it("applies the 'selected' modifier class to the selected month", () => {
+      monthDropdown
+        .find(".react-datepicker__month-read-view")
+        .simulate("click");
+      var selectedMonth = monthDropdown.find(
+        ".react-datepicker__month-option--selected_month"
+      );
+      expect(selectedMonth.text()).to.contain("December");
+    });
+
     it("closes the dropdown when a month is clicked", () => {
       monthDropdown
         .find(".react-datepicker__month-read-view")