diff --git a/src/components/SingleDatePicker.tsx b/src/components/SingleDatePicker.tsx
index 91073e5..df4616e 100644
--- a/src/components/SingleDatePicker.tsx
+++ b/src/components/SingleDatePicker.tsx
@@ -18,13 +18,29 @@ export default () => {
 		setSelectedDate(date)
 	}
 
+	function skipToLastMonth() {
+		if (currentMonth === 0) {
+			setCurrentMonth(11)
+			setCurrentYear(currentYear - 1)
+		}
+		else setCurrentMonth(currentMonth - 1)
+	}
+
+	function skipToNextMonth() {
+		if (currentMonth === 11) {
+			setCurrentMonth(0)
+			setCurrentYear(currentYear + 1)
+		}
+		else setCurrentMonth(currentMonth + 1)
+	}
+
 	return (<div className='datenel-component'>
 		<div className='header'>
-			<button className='month-stepper'><img src={LeftArrowIcon} /></button>
+			<button className='month-stepper' onClick={skipToLastMonth}><img src={LeftArrowIcon} /></button>
 			<button className='month-indicator'>
 				{new Date(currentYear, currentMonth).toLocaleString('default', { month: 'long', year: 'numeric' })}
 			</button>
-			<button className='month-stepper'><img src={RightArrowIcon} /></button>
+			<button className='month-stepper' onClick={skipToNextMonth}><img src={RightArrowIcon} /></button>
 		</div>
 		<div className='body'>