From bf9b11c91fa686164824619eb6c9009843d31e0e Mon Sep 17 00:00:00 2001
From: Diego Franchina <diegofranchina@gmail.com>
Date: Sun, 5 Nov 2023 20:06:20 +0100
Subject: [PATCH] fix calendar pass through docs

---
 components/doc/calendar/pt/ptdoc.js | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/components/doc/calendar/pt/ptdoc.js b/components/doc/calendar/pt/ptdoc.js
index bdd0bcf296..642ee87aac 100644
--- a/components/doc/calendar/pt/ptdoc.js
+++ b/components/doc/calendar/pt/ptdoc.js
@@ -13,7 +13,9 @@ export function PTDoc(props) {
     onChange={(e) => setDate(e.value)}
     showIcon
     pt={{
-        input: { className: 'w-16rem' },
+        input: {
+            root: { className: 'border-teal-500' }
+        },
         dropdownButton: {
             root: { className: 'bg-teal-500 border-teal-500' }
         }
@@ -34,7 +36,9 @@ export default function PTDemo() {
                 onChange={(e) => setDate(e.value)}
                 showIcon
                 pt={{
-                    input: { className: 'w-16rem' },
+                    input: {
+                        root: { className: 'border-teal-500' }
+                    },
                     dropdownButton: {
                         root: { className: 'bg-teal-500 border-teal-500' }
                     }
@@ -58,7 +62,9 @@ export default function PTDemo() {
                 onChange={(e) => setDate(e.value)}
                 showIcon
                 pt={{
-                    input: { className: 'w-16rem' },
+                    input: {
+                        root: { className: 'border-teal-500' }
+                    },
                     dropdownButton: {
                         root: { className: 'bg-teal-500 border-teal-500' }
                     }
@@ -79,7 +85,9 @@ export default function PTDemo() {
                     onChange={(e) => setDate(e.value)}
                     showIcon
                     pt={{
-                        input: { className: 'w-16rem' },
+                        input: {
+                            root: { className: 'border-teal-500' }
+                        },
                         dropdownButton: {
                             root: { className: 'bg-teal-500 border-teal-500' }
                         }