diff --git a/public/index.html b/public/index.html
index 8492de8..47ef7ca 100644
--- a/public/index.html
+++ b/public/index.html
@@ -118,20 +118,15 @@
                         <textarea id="description" name="description" rows="4"></textarea>
                     </div>
 
-                    <div class="form-group">
-                        <label for="due-date"><i class="fas fa-calendar-alt"></i> Дата выполнения:</label>
-                        <input type="date" id="due-date" name="dueDate" required>
-                        
-                        <div class="time-buttons">
-                            <button type="button" class="time-btn active" onclick="setTaskTime('12:00')">
-                                <i class="fas fa-sun"></i> До обеда (12:00)
-                            </button>
-                            <button type="button" class="time-btn" onclick="setTaskTime('19:00')">
-                                <i class="fas fa-moon"></i> После обеда (19:00)
-                            </button>
-                        </div>
-                        <input type="hidden" id="due-time" name="dueTime" value="12:00">
-                    </div>
+<div class="form-group">
+    <label for="due-date"><i class="fas fa-calendar-alt"></i> Дата выполнения:</label>    
+<div class="time-buttons">
+    <button type="button" class="time-btn active" onclick="setTaskTime('12:00')"><i class="fas fa-sun"></i> До обеда</button>
+    <input type="date" class="date-btn" id="due-date" name="dueDate" required>
+    <button type="button" class="time-btn" onclick="setTaskTime('19:00')"><i class="fas fa-moon"></i> После обеда</button>
+</div>
+<input type="hidden" id="due-time" name="dueTime" value="12:00">
+</div>
 
                     <div class="form-group">
                         <label><i class="fas fa-users"></i> Исполнители:</label>
diff --git a/public/style.css b/public/style.css
index 3b7aacc..83601d0 100644
--- a/public/style.css
+++ b/public/style.css
@@ -2362,6 +2362,26 @@ small {
     margin-top: 10px;
 }
 
+.date-btn {
+    flex: 1;
+    padding: 10px 15px;
+    background: #f8f9fa;
+    border: 2px solid #e9ecef;
+    border-radius: 8px;
+    color: #495057;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+}
+.date-btn:hover {
+    background: #f2f4f7;
+    border-color: #3d94eb;
+    transform: translateY(-2px);
+}
 .time-btn {
     flex: 1;
     padding: 10px 15px;