DS1307 RTC Simulation Source Code Example

<style>.rtc-art{width:100%;height:100%;display:block}.rtc-art>svg{display:block;width:100%;height:100%}.rtc-panel .time{font-variant-numeric:tabular-nums}</style>
<div class="rtc-art"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1007.858 868.668"><defs><mask id="rtc-open-holes" maskUnits="userSpaceOnUse" x="0" y="0" width="1007.858" height="868.668"><rect width="1007.858" height="868.668" fill="white"/><circle cx="101.512" cy="760" r="43" fill="black"/><circle cx="906" cy="110" r="43" fill="black"/><circle cx="101.51202" cy="158.35558" r="22" fill="black"/><circle cx="101.51202" cy="258.35558" r="22" fill="black"/><circle cx="101.51202" cy="358.35558" r="22" fill="black"/><circle cx="101.51202" cy="458.35558" r="22" fill="black"/><circle cx="101.51202" cy="558.35558" r="22" fill="black"/></mask></defs><g mask="url(#rtc-open-holes)"><path d="M105 2H903Q1006 2 1006 106V235L923 330V550L1006 630V763Q1006 866 903 866H105Q2 866 2 763V106Q2 2 105 2Z" fill="#1559aa"/><circle cx="101.512" cy="760" r="61" fill="#d8c685"/><circle cx="101.512" cy="760" r="43" fill="#26394a"/><circle cx="906" cy="110" r="61" fill="#d8c685"/><circle cx="906" cy="110" r="43" fill="#26394a"/><circle id="rtc-contact-0" cx="101.51202" cy="158.35558000000003" r="38" fill="#e6c564"/><circle cx="101.51202" cy="158.35558000000003" r="22" fill="#26394a"/><g aria-label="GND" fill="#f6f6f0" transform="translate(151 171.35558000000003) scale(0.036 -0.036)"><g transform="translate(0 0)"><path d="M407 377H654V27Q596 8 537.0 -1.0Q478 -10 403 -10Q292 -10 216.0 34.5Q140 79 100.5 161.5Q61 244 61 357Q61 469 105.0 551.0Q149 633 231.5 678.5Q314 724 431 724Q491 724 544.5 713.0Q598 702 644 682L610 604Q572 621 524.5 633.0Q477 645 426 645Q298 645 226.5 568.0Q155 491 155 357Q155 272 182.5 206.5Q210 141 269.0 104.5Q328 68 424 68Q471 68 504.0 73.0Q537 78 564 85V297H407Z"/></g><g transform="translate(728 0)"><path d="M663 0H558L176 593H172Q174 558 177.0 506.0Q180 454 180 399V0H97V714H201L582 123H586Q585 139 583.5 171.0Q582 203 580.5 241.0Q579 279 579 311V714H663Z"/></g><g transform="translate(1488 0)"><path d="M669 364Q669 183 570.5 91.5Q472 0 296 0H97V714H317Q425 714 504.0 674.0Q583 634 626.0 556.5Q669 479 669 364ZM574 361Q574 504 503.5 570.5Q433 637 304 637H187V77H284Q574 77 574 361Z"/></g></g><circle id="rtc-contact-1" cx="101.51202" cy="258.35558000000003" r="38" fill="#e6c564"/><circle cx="101.51202" cy="258.35558000000003" r="22" fill="#26394a"/><g aria-label="5V" fill="#f6f6f0" transform="translate(151 271.35558000000003) scale(0.036 -0.036)"><g transform="translate(0 0)"><path d="M275 438Q385 438 450.0 383.0Q515 328 515 228Q515 117 444.5 53.5Q374 -10 248 -10Q193 -10 144.5 0.0Q96 10 63 29V112Q99 90 150.5 77.5Q202 65 249 65Q328 65 376.5 102.5Q425 140 425 219Q425 289 382.0 326.5Q339 364 246 364Q218 364 182.0 359.0Q146 354 124 349L80 377L107 714H465V634H182L165 427Q182 430 211.0 434.0Q240 438 275 438Z"/></g><g transform="translate(572 0)"><path d="M600 714 345 0H255L0 714H94L255 256Q271 212 282.0 173.5Q293 135 300 100Q307 135 318.0 174.0Q329 213 345 258L505 714Z"/></g></g><circle id="rtc-contact-2" cx="101.51202" cy="358.35558000000003" r="38" fill="#e6c564"/><circle cx="101.51202" cy="358.35558000000003" r="22" fill="#26394a"/><g aria-label="SDA" fill="#f6f6f0" transform="translate(151 371.35558000000003) scale(0.036 -0.036)"><g transform="translate(0 0)"><path d="M502 191Q502 96 433.0 43.0Q364 -10 247 -10Q187 -10 136.0 -1.0Q85 8 51 24V110Q87 94 140.5 81.0Q194 68 251 68Q331 68 371.5 99.0Q412 130 412 183Q412 218 397.0 242.0Q382 266 345.5 286.5Q309 307 244 330Q153 363 106.5 411.0Q60 459 60 542Q60 599 89.0 639.5Q118 680 169.5 702.0Q221 724 288 724Q347 724 396.0 713.0Q445 702 485 684L457 607Q420 623 376.5 634.0Q333 645 286 645Q219 645 185.0 616.5Q151 588 151 541Q151 505 166.0 481.0Q181 457 215.0 438.0Q249 419 307 397Q370 374 413.5 347.5Q457 321 479.5 284.0Q502 247 502 191Z"/></g><g transform="translate(549 0)"><path d="M669 364Q669 183 570.5 91.5Q472 0 296 0H97V714H317Q425 714 504.0 674.0Q583 634 626.0 556.5Q669 479 669 364ZM574 361Q574 504 503.5 570.5Q433 637 304 637H187V77H284Q574 77 574 361Z"/></g><g transform="translate(1279 0)"><path d="M545 0 459 221H176L91 0H0L279 717H360L638 0ZM352 517Q349 525 342.0 546.0Q335 567 328.5 589.5Q322 612 318 624Q311 593 302.0 563.5Q293 534 287 517L206 301H432Z"/></g></g><circle id="rtc-contact-3" cx="101.51202" cy="458.35558000000003" r="38" fill="#e6c564"/><circle cx="101.51202" cy="458.35558000000003" r="22" fill="#26394a"/><g aria-label="SCL" fill="#f6f6f0" transform="translate(151 471.35558000000003) scale(0.036 -0.036)"><g transform="translate(0 0)"><path d="M502 191Q502 96 433.0 43.0Q364 -10 247 -10Q187 -10 136.0 -1.0Q85 8 51 24V110Q87 94 140.5 81.0Q194 68 251 68Q331 68 371.5 99.0Q412 130 412 183Q412 218 397.0 242.0Q382 266 345.5 286.5Q309 307 244 330Q153 363 106.5 411.0Q60 459 60 542Q60 599 89.0 639.5Q118 680 169.5 702.0Q221 724 288 724Q347 724 396.0 713.0Q445 702 485 684L457 607Q420 623 376.5 634.0Q333 645 286 645Q219 645 185.0 616.5Q151 588 151 541Q151 505 166.0 481.0Q181 457 215.0 438.0Q249 419 307 397Q370 374 413.5 347.5Q457 321 479.5 284.0Q502 247 502 191Z"/></g><g transform="translate(549 0)"><path d="M403 645Q288 645 222.0 568.0Q156 491 156 357Q156 224 217.5 146.5Q279 69 402 69Q449 69 491.0 77.0Q533 85 573 97V19Q533 4 490.5 -3.0Q448 -10 389 -10Q280 -10 207.0 35.0Q134 80 97.5 163.0Q61 246 61 358Q61 466 100.5 548.5Q140 631 217.0 677.5Q294 724 404 724Q517 724 601 682L565 606Q532 621 491.5 633.0Q451 645 403 645Z"/></g><g transform="translate(1181 0)"><path d="M97 0V714H187V80H499V0Z"/></g></g><circle id="rtc-contact-4" cx="101.51202" cy="558.35558" r="38" fill="#e6c564"/><circle cx="101.51202" cy="558.35558" r="22" fill="#26394a"/><g aria-label="SQW" fill="#f6f6f0" transform="translate(151 571.35558) scale(0.036 -0.036)"><g transform="translate(0 0)"><path d="M502 191Q502 96 433.0 43.0Q364 -10 247 -10Q187 -10 136.0 -1.0Q85 8 51 24V110Q87 94 140.5 81.0Q194 68 251 68Q331 68 371.5 99.0Q412 130 412 183Q412 218 397.0 242.0Q382 266 345.5 286.5Q309 307 244 330Q153 363 106.5 411.0Q60 459 60 542Q60 599 89.0 639.5Q118 680 169.5 702.0Q221 724 288 724Q347 724 396.0 713.0Q445 702 485 684L457 607Q420 623 376.5 634.0Q333 645 286 645Q219 645 185.0 616.5Q151 588 151 541Q151 505 166.0 481.0Q181 457 215.0 438.0Q249 419 307 397Q370 374 413.5 347.5Q457 321 479.5 284.0Q502 247 502 191Z"/></g><g transform="translate(549 0)"><path d="M720 358Q720 227 667.5 135.0Q615 43 512 8L683 -170H554L416 -9Q410 -9 403.5 -9.5Q397 -10 391 -10Q280 -10 206.5 36.0Q133 82 97.0 165.0Q61 248 61 359Q61 469 97.0 551.0Q133 633 206.5 679.0Q280 725 392 725Q499 725 572.0 679.5Q645 634 682.5 551.5Q720 469 720 358ZM156 358Q156 223 213.0 145.5Q270 68 391 68Q513 68 569.0 145.5Q625 223 625 358Q625 493 569.0 569.5Q513 646 392 646Q271 646 213.5 569.5Q156 493 156 358Z"/></g><g transform="translate(1330 0)"><path d="M917 714 727 0H636L497 468Q489 497 481.0 526.0Q473 555 468.0 577.5Q463 600 461 609Q460 596 450.5 553.5Q441 511 427 465L292 0H201L12 714H106L217 278Q229 232 237.5 189.0Q246 146 251 108Q256 147 266.0 193.0Q276 239 289 283L415 714H508L639 280Q653 234 663.0 188.5Q673 143 678 108Q683 145 692.0 188.5Q701 232 713 279L823 714Z"/></g></g><rect x="260" y="209" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="260" y="393" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="307" y="209" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="307" y="393" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="354" y="209" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="354" y="393" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="401" y="209" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="401" y="393" width="25" height="58" rx="4" fill="#b9bec2"/><rect x="243" y="261" width="200" height="134" rx="6" fill="#22272e"/><g aria-label="DS1307" fill="#919799" transform="translate(264 337) scale(0.03 -0.03)"><g transform="translate(0 0)"><path d="M669 364Q669 183 570.5 91.5Q472 0 296 0H97V714H317Q425 714 504.0 674.0Q583 634 626.0 556.5Q669 479 669 364ZM574 361Q574 504 503.5 570.5Q433 637 304 637H187V77H284Q574 77 574 361Z"/></g><g transform="translate(730 0)"><path d="M502 191Q502 96 433.0 43.0Q364 -10 247 -10Q187 -10 136.0 -1.0Q85 8 51 24V110Q87 94 140.5 81.0Q194 68 251 68Q331 68 371.5 99.0Q412 130 412 183Q412 218 397.0 242.0Q382 266 345.5 286.5Q309 307 244 330Q153 363 106.5 411.0Q60 459 60 542Q60 599 89.0 639.5Q118 680 169.5 702.0Q221 724 288 724Q347 724 396.0 713.0Q445 702 485 684L457 607Q420 623 376.5 634.0Q333 645 286 645Q219 645 185.0 616.5Q151 588 151 541Q151 505 166.0 481.0Q181 457 215.0 438.0Q249 419 307 397Q370 374 413.5 347.5Q457 321 479.5 284.0Q502 247 502 191Z"/></g><g transform="translate(1279 0)"><path d="M355 0H269V499Q269 542 270.0 568.0Q271 594 273 622Q257 606 244.0 595.0Q231 584 211 567L135 505L89 564L282 714H355Z"/></g><g transform="translate(1851 0)"><path d="M493 547Q493 475 453.0 432.5Q413 390 345 376V372Q431 362 473.0 318.0Q515 274 515 203Q515 141 486.0 92.5Q457 44 396.5 17.0Q336 -10 241 -10Q185 -10 137.0 -1.5Q89 7 45 29V111Q90 89 142.0 76.5Q194 64 242 64Q338 64 380.5 101.5Q423 139 423 205Q423 272 370.5 301.5Q318 331 223 331H154V406H224Q312 406 357.5 443.0Q403 480 403 541Q403 593 368.0 621.5Q333 650 273 650Q215 650 174.0 633.0Q133 616 93 590L49 650Q87 680 143.5 702.0Q200 724 272 724Q384 724 438.5 674.0Q493 624 493 547Z"/></g><g transform="translate(2423 0)"><path d="M523 358Q523 243 499.0 160.5Q475 78 423.0 34.0Q371 -10 285 -10Q164 -10 106.5 87.5Q49 185 49 358Q49 474 72.5 556.0Q96 638 148.0 681.5Q200 725 285 725Q405 725 464.0 628.5Q523 532 523 358ZM137 358Q137 211 170.5 138.0Q204 65 285 65Q365 65 399.5 137.5Q434 210 434 358Q434 504 399.5 577.0Q365 650 285 650Q204 650 170.5 577.0Q137 504 137 358Z"/></g><g transform="translate(2995 0)"><path d="M136 0 429 634H44V714H523V646L233 0Z"/></g></g><circle cx="262" cy="376" r="6" fill="#74797d"/><rect x="260" y="130" width="71" height="32" rx="4" fill="#b8b8b0"/><rect x="275" y="131" width="41" height="30" rx="2" fill="#31373e"/><rect x="365" y="130" width="71" height="32" rx="4" fill="#b8b8b0"/><rect x="380" y="131" width="41" height="30" rx="2" fill="#31373e"/><rect x="242" y="510" width="201" height="70" rx="7" fill="#b9bec2"/><rect x="259" y="518" width="166" height="53" rx="15" fill="#e0e1de"/><g aria-label="32.768" fill="#7a838a" transform="translate(278 552) scale(0.023 -0.023)"><g transform="translate(0 0)"><path d="M493 547Q493 475 453.0 432.5Q413 390 345 376V372Q431 362 473.0 318.0Q515 274 515 203Q515 141 486.0 92.5Q457 44 396.5 17.0Q336 -10 241 -10Q185 -10 137.0 -1.5Q89 7 45 29V111Q90 89 142.0 76.5Q194 64 242 64Q338 64 380.5 101.5Q423 139 423 205Q423 272 370.5 301.5Q318 331 223 331H154V406H224Q312 406 357.5 443.0Q403 480 403 541Q403 593 368.0 621.5Q333 650 273 650Q215 650 174.0 633.0Q133 616 93 590L49 650Q87 680 143.5 702.0Q200 724 272 724Q384 724 438.5 674.0Q493 624 493 547Z"/></g><g transform="translate(572 0)"><path d="M520 0H48V73L235 262Q289 316 326.0 358.0Q363 400 382.0 440.5Q401 481 401 529Q401 588 366.0 618.5Q331 649 275 649Q223 649 183.5 631.0Q144 613 103 581L56 640Q98 675 152.5 699.5Q207 724 275 724Q375 724 433.0 673.5Q491 623 491 534Q491 478 468.0 429.0Q445 380 404.0 332.5Q363 285 308 231L159 84V80H520Z"/></g><g transform="translate(1144 0)"><path d="M72 54Q72 91 90.0 106.0Q108 121 133 121Q159 121 177.5 106.0Q196 91 196 54Q196 18 177.5 2.0Q159 -14 133 -14Q108 -14 90.0 2.0Q72 18 72 54Z"/></g><g transform="translate(1412 0)"><path d="M136 0 429 634H44V714H523V646L233 0Z"/></g><g transform="translate(1984 0)"><path d="M55 305Q55 382 68.5 456.5Q82 531 117.5 591.5Q153 652 217.0 688.0Q281 724 382 724Q403 724 428.5 722.0Q454 720 470 715V640Q452 646 429.5 649.0Q407 652 384 652Q315 652 269.0 629.0Q223 606 196.5 566.0Q170 526 158.0 474.0Q146 422 143 363H149Q172 398 213.0 422.5Q254 447 318 447Q411 447 468.0 390.5Q525 334 525 230Q525 118 463.5 54.0Q402 -10 298 -10Q230 -10 175.0 24.0Q120 58 87.5 128.0Q55 198 55 305ZM297 64Q360 64 399.0 104.5Q438 145 438 230Q438 298 403.5 338.0Q369 378 300 378Q253 378 218.0 358.5Q183 339 163.5 309.0Q144 279 144 247Q144 204 161.0 161.5Q178 119 212.0 91.5Q246 64 297 64Z"/></g><g transform="translate(2556 0)"><path d="M285 724Q379 724 439.0 680.0Q499 636 499 553Q499 510 480.5 478.0Q462 446 431.0 421.5Q400 397 363 378Q407 357 443.0 330.5Q479 304 500.5 269.0Q522 234 522 185Q522 95 458.5 42.5Q395 -10 288 -10Q173 -10 111.0 40.5Q49 91 49 182Q49 231 69.5 267.0Q90 303 124.0 329.0Q158 355 197 373Q145 403 108.5 445.5Q72 488 72 554Q72 609 100.0 646.5Q128 684 176.0 704.0Q224 724 285 724ZM284 653Q229 653 193.5 626.5Q158 600 158 550Q158 513 175.5 488.0Q193 463 223.0 445.5Q253 428 289 412Q341 434 376.5 465.0Q412 496 412 550Q412 600 377.0 626.5Q342 653 284 653ZM135 181Q135 129 172.0 94.5Q209 60 286 60Q359 60 397.5 94.5Q436 129 436 184Q436 236 395.0 270.5Q354 305 286 331L270 337Q204 309 169.5 272.5Q135 236 135 181Z"/></g></g><rect x="668" y="85" width="120" height="130" rx="10" fill="#c7cdd0"/><rect x="668" y="675" width="120" height="155" rx="10" fill="#c7cdd0"/><path d="M594 205H861Q945 205 945 285L902 343V555L945 614Q945 704 854 704H594L480 590V317Z" fill="#d9ddde" stroke="#9ca5aa" stroke-width="5"/><circle cx="665" cy="340" r="72" fill="#c3aa54"/><rect x="650" y="323" width="118" height="34" rx="13" fill="#f4f5ef"/><circle cx="665" cy="580" r="72" fill="#c3aa54"/><rect x="650" y="563" width="118" height="34" rx="13" fill="#f4f5ef"/><g aria-label="+" fill="#ffffff" transform="translate(510 477) scale(0.07 -0.07)"><g transform="translate(0 0)"><path d="M321 388H520V317H321V111H249V317H50V388H249V595H321Z"/></g></g><g aria-label="RTC" fill="#f6f6f0" transform="translate(370 768) scale(0.06 -0.06)"><g transform="translate(0 0)"><path d="M294 714Q427 714 490.5 663.5Q554 613 554 511Q554 454 533.0 416.0Q512 378 479.5 355.5Q447 333 411 320L607 0H502L329 295H187V0H97V714ZM289 636H187V371H294Q381 371 421.0 405.5Q461 440 461 507Q461 577 419.0 606.5Q377 636 289 636Z"/></g><g transform="translate(622 0)"><path d="M323 0H233V635H10V714H545V635H323Z"/></g><g transform="translate(1178 0)"><path d="M403 645Q288 645 222.0 568.0Q156 491 156 357Q156 224 217.5 146.5Q279 69 402 69Q449 69 491.0 77.0Q533 85 573 97V19Q533 4 490.5 -3.0Q448 -10 389 -10Q280 -10 207.0 35.0Q134 80 97.5 163.0Q61 246 61 358Q61 466 100.5 548.5Q140 631 217.0 677.5Q294 724 404 724Q517 724 601 682L565 606Q532 621 491.5 633.0Q451 645 403 645Z"/></g></g><g aria-label="DS1307" fill="#f6f6f0" transform="translate(370 824) scale(0.045 -0.045)"><g transform="translate(0 0)"><path d="M669 364Q669 183 570.5 91.5Q472 0 296 0H97V714H317Q425 714 504.0 674.0Q583 634 626.0 556.5Q669 479 669 364ZM574 361Q574 504 503.5 570.5Q433 637 304 637H187V77H284Q574 77 574 361Z"/></g><g transform="translate(730 0)"><path d="M502 191Q502 96 433.0 43.0Q364 -10 247 -10Q187 -10 136.0 -1.0Q85 8 51 24V110Q87 94 140.5 81.0Q194 68 251 68Q331 68 371.5 99.0Q412 130 412 183Q412 218 397.0 242.0Q382 266 345.5 286.5Q309 307 244 330Q153 363 106.5 411.0Q60 459 60 542Q60 599 89.0 639.5Q118 680 169.5 702.0Q221 724 288 724Q347 724 396.0 713.0Q445 702 485 684L457 607Q420 623 376.5 634.0Q333 645 286 645Q219 645 185.0 616.5Q151 588 151 541Q151 505 166.0 481.0Q181 457 215.0 438.0Q249 419 307 397Q370 374 413.5 347.5Q457 321 479.5 284.0Q502 247 502 191Z"/></g><g transform="translate(1279 0)"><path d="M355 0H269V499Q269 542 270.0 568.0Q271 594 273 622Q257 606 244.0 595.0Q231 584 211 567L135 505L89 564L282 714H355Z"/></g><g transform="translate(1851 0)"><path d="M493 547Q493 475 453.0 432.5Q413 390 345 376V372Q431 362 473.0 318.0Q515 274 515 203Q515 141 486.0 92.5Q457 44 396.5 17.0Q336 -10 241 -10Q185 -10 137.0 -1.5Q89 7 45 29V111Q90 89 142.0 76.5Q194 64 242 64Q338 64 380.5 101.5Q423 139 423 205Q423 272 370.5 301.5Q318 331 223 331H154V406H224Q312 406 357.5 443.0Q403 480 403 541Q403 593 368.0 621.5Q333 650 273 650Q215 650 174.0 633.0Q133 616 93 590L49 650Q87 680 143.5 702.0Q200 724 272 724Q384 724 438.5 674.0Q493 624 493 547Z"/></g><g transform="translate(2423 0)"><path d="M523 358Q523 243 499.0 160.5Q475 78 423.0 34.0Q371 -10 285 -10Q164 -10 106.5 87.5Q49 185 49 358Q49 474 72.5 556.0Q96 638 148.0 681.5Q200 725 285 725Q405 725 464.0 628.5Q523 532 523 358ZM137 358Q137 211 170.5 138.0Q204 65 285 65Q365 65 399.5 137.5Q434 210 434 358Q434 504 399.5 577.0Q365 650 285 650Q204 650 170.5 577.0Q137 504 137 358Z"/></g><g transform="translate(2995 0)"><path d="M136 0 429 634H44V714H523V646L233 0Z"/></g></g><g aria-label="Adafruit" fill="#f6f6f0" transform="translate(495 135) scale(0.04 -0.04)"><g transform="translate(0 0)"><path d="M545 0 459 221H176L91 0H0L279 717H360L638 0ZM352 517Q349 525 342.0 546.0Q335 567 328.5 589.5Q322 612 318 624Q311 593 302.0 563.5Q293 534 287 517L206 301H432Z"/></g><g transform="translate(639 0)"><path d="M275 -10Q175 -10 115.0 59.5Q55 129 55 267Q55 405 115.5 475.5Q176 546 276 546Q338 546 377.5 523.0Q417 500 442 467H448Q447 480 444.5 505.5Q442 531 442 546V760H530V0H459L446 72H442Q418 38 378.0 14.0Q338 -10 275 -10ZM289 63Q374 63 408.5 109.5Q443 156 443 250V266Q443 366 410.0 419.5Q377 473 288 473Q217 473 181.5 416.5Q146 360 146 265Q146 169 181.5 116.0Q217 63 289 63Z"/></g><g transform="translate(1254 0)"><path d="M288 545Q386 545 433.0 502.0Q480 459 480 365V0H416L399 76H395Q360 32 321.5 11.0Q283 -10 215 -10Q142 -10 94.0 28.5Q46 67 46 149Q46 229 109.0 272.5Q172 316 303 320L394 323V355Q394 422 365.0 448.0Q336 474 283 474Q241 474 203.0 461.5Q165 449 132 433L105 499Q140 518 188.0 531.5Q236 545 288 545ZM314 259Q214 255 175.5 227.0Q137 199 137 148Q137 103 164.5 82.0Q192 61 235 61Q303 61 348.0 98.5Q393 136 393 214V262Z"/></g><g transform="translate(1815 0)"><path d="M332 468H197V0H109V468H15V509L109 539V570Q109 674 155.0 719.5Q201 765 283 765Q315 765 341.5 759.5Q368 754 387 747L364 678Q348 683 327.0 688.0Q306 693 284 693Q240 693 218.5 663.5Q197 634 197 571V536H332Z"/></g><g transform="translate(2159 0)"><path d="M335 546Q350 546 367.5 544.5Q385 543 398 540L387 459Q374 462 358.5 464.0Q343 466 329 466Q288 466 252.0 443.5Q216 421 194.5 380.5Q173 340 173 286V0H85V536H157L167 438H171Q197 482 238.0 514.0Q279 546 335 546Z"/></g><g transform="translate(2572 0)"><path d="M533 536V0H461L448 71H444Q418 29 372.0 9.5Q326 -10 274 -10Q177 -10 128.0 36.5Q79 83 79 185V536H168V191Q168 63 287 63Q376 63 410.5 113.0Q445 163 445 257V536Z"/></g><g transform="translate(3190 0)"><path d="M130 737Q150 737 165.5 723.5Q181 710 181 681Q181 653 165.5 639.0Q150 625 130 625Q108 625 93.0 639.0Q78 653 78 681Q78 710 93.0 723.5Q108 737 130 737ZM173 536V0H85V536Z"/></g><g transform="translate(3448 0)"><path d="M264 62Q284 62 305.0 65.5Q326 69 339 73V6Q325 -1 299.0 -5.5Q273 -10 249 -10Q207 -10 171.5 4.5Q136 19 114.0 55.0Q92 91 92 156V468H16V510L93 545L128 659H180V536H335V468H180V158Q180 109 203.5 85.5Q227 62 264 62Z"/></g></g></g></svg>

</div>
<simulation-component-overlay anchor="right" [offset]="14"><section class="rtc-panel">
<div class="rtc-heading"><h3>DS1307 RTC</h3>
<button *ngIf="!component.expanded" class="rtc-open" type="button" [attr.aria-expanded]="component.expanded" [attr.aria-controls]="component.detailsId" (click)="component.expanded=true">Details ›</button>
<button *ngIf="component.expanded" class="rtc-close" type="button" aria-label="Close RTC details" [attr.aria-expanded]="component.expanded" [attr.aria-controls]="component.detailsId" (click)="component.expanded=false"><svg viewBox="0 0 24 24" aria-hidden="true" focusable="false"><path d="M6 6L18 18M18 6L6 18"/></svg></button>
</div><p class="rtc-summary"><span class="time">{{component.time()}}</span><br/>{{component.powered() ? '' : 'Backup battery · '}}{{component.halted() ? 'Clock halted' : 'Clock running'}}</p>
<div *ngIf="component.expanded" class="rtc-details" [id]="component.detailsId"><p>{{component.power()}}</p><p>Firmware controls the clock. Stop simulation to change initial settings in RTC setup.</p></div>
</section></simulation-component-overlay>
<!-- factory-panel-style:start -->
<style>
.rtc-panel{box-sizing:border-box;position:relative;width:210px;max-width:calc(100vw - 32px);padding:12px;border:1px solid #344252;border-radius:10px;background:#131b26;color:#edf2f7;box-shadow:0 4px 12px #00000018;font:13px/1.45 system-ui,sans-serif}
      .rtc-panel *{box-sizing:border-box;min-width:0}
      .rtc-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
      .rtc-panel h3{font-size:14px;line-height:1.4;margin:0;white-space:nowrap}
      .rtc-panel p{margin:6px 0 0;overflow-wrap:anywhere}
      .rtc-panel .rtc-summary{color:#c3cdd7;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
      .rtc-panel button{font:inherit;cursor:pointer;color:#e2edf6;background:#203040;border:1px solid #48596c;border-radius:6px;padding:5px 7px;min-height:32px;margin:0;text-align:left;flex-shrink:0;white-space:nowrap}
      .rtc-panel button:focus-visible{outline:2px solid #8bc8f4;outline-offset:2px}
      .rtc-panel button.rtc-close{width:32px;height:32px;padding:0;margin:0;background:#203040;border:1px solid #48596c;display:inline-flex;align-items:center;justify-content:center}
      .rtc-close svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
      .rtc-panel table{width:100%;border-collapse:collapse;text-align:left;font-variant-numeric:tabular-nums}
      .rtc-panel th,.rtc-panel td{padding:6px 5px;border-bottom:1px solid #2b3949}
      .rtc-panel th{color:#c3cdd7;font-weight:500}
      .rtc-details{margin-top:12px}
      .rtc-details p{color:#c3cdd7}
</style>
<!-- factory-panel-style:end -->