fix: DatePicker as prop changed

Author: tugcekucukoglu

apps/showcase/demo/styled/datepicker/basic-demo.tsx

@@ -15,7 +15,6 @@ export default function BasicDemo() {
                 <DatePicker.Portal>
                     <DatePicker.Positioner sideOffset={12} align="start">
                         <DatePicker.Popup>
-                            <DatePicker.Arrow />
                             <DatePicker.Calendar>
                                 <DatePicker.Header>
                                     <DatePicker.Prev as={Button} iconOnly variant="text" rounded severity="secondary">

apps/showcase/demo/styled/datepicker/multiple-months-demo.tsx

@@ -21,7 +21,6 @@ export default function MultipleMonthsDemo() {
                 <DatePicker.Portal>
                     <DatePicker.Positioner align="center" sideOffset={12}>
                         <DatePicker.Popup>
-                            <DatePicker.Arrow />
                             <DatePicker.CalendarContainer>
                                 {(instance: DatePickerCalendarContainerInstance) => {
                                     const { datepicker } = instance;

packages/primereact/src/datepicker/root/DatePickerRoot.props.ts

@@ -3,7 +3,7 @@ import type { DatePickerRootProps } from '@primereact/types/primitive/datepicker
 
 export const defaultRootProps = {
     ...HeadlessDatePicker.defaultProps,
-    as: 'span',
+    as: 'div',
     name: undefined,
     placeholder: undefined,
     invalid: undefined,