Добавлены новые зависимости: react-datepicker и обновлены импорты в компоненте WBProductCards. Реализован новый функционал для выбора даты поставки с использованием календаря. Обновлены компоненты для улучшения взаимодействия с пользователем и оптимизации кода.

src/components/admin/ui-kit-section.tsx

@@ -17,6 +17,7 @@ import { InteractiveDemo } from "./ui-kit/interactive-demo";
 import { BusinessDemo } from "./ui-kit/business-demo";
 import { TimesheetDemo } from "./ui-kit/timesheet-demo";
 import { FulfillmentWarehouseDemo } from "./ui-kit/fulfillment-warehouse-demo";
+import { SuppliesDemo } from "./ui-kit/supplies-demo";
 
 export function UIKitSection() {
   return (
@@ -126,6 +127,12 @@ export function UIKitSection() {
           >
             Склад фулфилмент
           </TabsTrigger>
+          <TabsTrigger
+            value="supplies"
+            className="data-[state=active]:bg-white/20 data-[state=active]:text-white text-white/70 text-xs px-3 py-2"
+          >
+            Поставки
+          </TabsTrigger>
         </TabsList>
 
         <TabsContent value="buttons" className="space-y-6">
@@ -191,6 +198,10 @@ export function UIKitSection() {
         <TabsContent value="fulfillment-warehouse" className="space-y-6">
           <FulfillmentWarehouseDemo />
         </TabsContent>
+
+        <TabsContent value="supplies" className="space-y-6">
+          <SuppliesDemo />
+        </TabsContent>
       </Tabs>
     </div>
   );